view nodejs/examples/scene/mbtest.svg @ 1395:a768d74e5f49

Fix the svg:use. For a svg:use, it is a group which include the content it reference. It means that we can not tween it to its origin object directly. Instead, we need to ungroup it and then use the result matrix to generate the tweened transformation matrix. Therefore, we need to concate its matrix to the referenced object. Ad center object when the bbox-x is not available.
author wycc
date Sat, 02 Apr 2011 05:36:36 +0800
parents 380464725e75
children
line wrap: on
line source

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:ns0="http://madbutterfly.sourceforge.net/DTD/madbutterfly.dtd"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="640px"
   height="480px"
   id="svg2383"
   sodipodi:version="0.32"
   inkscape:version="0.48+devel r9764 custom"
   sodipodi:docname="mbtest.svg"
   inkscape:output_extension="org.inkscape.output.svg.inkscape"
   version="1.1">
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="1.6029106"
     inkscape:cx="69.206233"
     inkscape:cy="290.40921"
     inkscape:current-layer="layer2"
     inkscape:document-units="px"
     showgrid="false"
     inkscape:window-width="1400"
     inkscape:window-height="974"
     inkscape:window-x="271"
     inkscape:window-y="25"
     inkscape:window-maximized="0" />
  <defs
     id="defs2385">
    <linearGradient
       inkscape:collect="always"
       id="linearGradient3211">
      <stop
         style="stop-color:#001dff;stop-opacity:1;"
         offset="0"
         id="stop3213" />
      <stop
         style="stop-color:#001dff;stop-opacity:0;"
         offset="1"
         id="stop3215" />
    </linearGradient>
    <inkscape:perspective
       sodipodi:type="inkscape:persp3d"
       inkscape:vp_x="0 : 240 : 1"
       inkscape:vp_y="0 : 1000 : 0"
       inkscape:vp_z="640 : 240 : 1"
       inkscape:persp3d-origin="320 : 160 : 1"
       id="perspective2391" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3211"
       id="linearGradient3217"
       x1="31.940987"
       y1="28.009715"
       x2="104.68548"
       y2="28.009715"
       gradientUnits="userSpaceOnUse" />
    <filter
       inkscape:collect="always"
       id="filter3295">
      <feGaussianBlur
         inkscape:collect="always"
         stdDeviation="0.67110109"
         id="feGaussianBlur3297" />
    </filter>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3211"
       id="linearGradient3316"
       gradientUnits="userSpaceOnUse"
       x1="31.940987"
       y1="28.009715"
       x2="104.68548"
       y2="28.009715" />
    <linearGradient
       y2="28.009715"
       x2="104.68548"
       y1="28.009715"
       x1="31.940987"
       gradientUnits="userSpaceOnUse"
       id="linearGradient3542"
       xlink:href="#linearGradient3211"
       inkscape:collect="always" />
    <linearGradient
       y2="28.009715"
       x2="104.68548"
       y1="28.009715"
       x1="31.940987"
       gradientUnits="userSpaceOnUse"
       id="linearGradient3544"
       xlink:href="#linearGradient3211"
       inkscape:collect="always" />
    <linearGradient
       inkscape:collect="always"
       id="linearGradient3211-0">
      <stop
         style="stop-color:#001dff;stop-opacity:1;"
         offset="0"
         id="stop3213-3" />
      <stop
         style="stop-color:#001dff;stop-opacity:0;"
         offset="1"
         id="stop3215-9" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3211-0"
       id="linearGradient3316-4"
       gradientUnits="userSpaceOnUse"
       x1="31.940987"
       y1="28.009714"
       x2="104.68548"
       y2="28.009714" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3211-0"
       id="linearGradient3217-6"
       x1="31.940987"
       y1="28.009714"
       x2="104.68548"
       y2="28.009714"
       gradientUnits="userSpaceOnUse" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3211-0-5"
       id="linearGradient3316-4-8"
       gradientUnits="userSpaceOnUse"
       x1="31.940987"
       y1="28.009714"
       x2="104.68548"
       y2="28.009714" />
    <linearGradient
       inkscape:collect="always"
       id="linearGradient3211-0-5">
      <stop
         style="stop-color:#001dff;stop-opacity:1;"
         offset="0"
         id="stop3213-3-8" />
      <stop
         style="stop-color:#001dff;stop-opacity:0;"
         offset="1"
         id="stop3215-9-4" />
    </linearGradient>
    <filter
       color-interpolation-filters="sRGB"
       inkscape:collect="always"
       id="filter3295-1-3">
      <feGaussianBlur
         inkscape:collect="always"
         stdDeviation="0.67110109"
         id="feGaussianBlur3297-9-7" />
    </filter>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3211-0-5"
       id="linearGradient3217-6-1"
       x1="31.940987"
       y1="28.009714"
       x2="104.68548"
       y2="28.009714"
       gradientUnits="userSpaceOnUse" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3211-0-5"
       id="linearGradient3237"
       gradientUnits="userSpaceOnUse"
       x1="31.940987"
       y1="28.009714"
       x2="104.68548"
       y2="28.009714" />
  </defs>
  <metadata
     id="metadata2388">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
      </cc:Work>
    </rdf:RDF>
    <ns0:scenes>
      <ns0:scene
         start="1"
         ref="g3189"
         end="15" />
      <ns0:scene
         start="1"
         ref="s4427" />
      <ns0:scene
         start="2"
         ref="s4159" />
      <ns0:scene
         start="5"
         ref="s9524"
         end="10" />
      <ns0:scene
         start="15"
         ref="s6546" />
    </ns0:scenes>
  </metadata>
  <g
     inkscape:groupmode="layer"
     id="layer2"
     inkscape:label="Background"
     style="display:inline">
    <g
       id="g3189"
       style="">
      <rect
         style="fill:#00ffff;fill-opacity:1;stroke:#000000;stroke-opacity:1;display:inline"
         id="rect2437"
         width="641.95721"
         height="481.62387"
         x="0.93578684"
         y="-10.98185" />
      <rect
         style="fill:#ffcc1d;fill-opacity:1;stroke:none"
         id="rect3698"
         width="624.48901"
         height="46.789886"
         x="6.8625164"
         y="5.8625031"
         rx="10"
         ry="10" />
      <g
         style="display:inline"
         transform="translate(-11.385541,2.6514388)"
         id="g3303">
        <rect
           y="15.22048"
           x="32.440987"
           height="25.57847"
           width="71.744492"
           id="rect2439"
           style="fill:url(#linearGradient3237);fill-opacity:1;stroke:none;filter:url(#filter3295-1-3)" />
        <text
           id="text3299"
           y="33.312569"
           x="39.927368"
           style="font-size:24px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans"
           xml:space="preserve"><tspan
             style="font-size:16px"
             y="33.312569"
             x="39.927368"
             id="tspan3301"
             sodipodi:role="line">Action</tspan></text>
      </g>
      <g
         style="display:inline"
         id="g3308"
         transform="translate(76.891374,2.9633707)">
        <rect
           y="15.22048"
           x="32.440987"
           height="25.57847"
           width="71.744492"
           id="rect3310"
           style="fill:url(#linearGradient3316-4-8);fill-opacity:1;stroke:none;filter:url(#filter3295-1-3)" />
        <text
           id="text3312"
           y="33.312569"
           x="39.927368"
           style="font-size:24px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans"
           xml:space="preserve"><tspan
             style="font-size:16px"
             y="33.312569"
             x="39.927368"
             id="tspan3314"
             sodipodi:role="line">Select</tspan></text>
      </g>
    </g>
    <g
       id="s4393"
       style="" />
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer3"
     inkscape:label="Buton"
     style="display:inline">
    <g
       id="s4427"
       style="display:none" />
    <g
       id="s4159"
       transform="translate(170.31517,0.62386544)"
       style="display:none">
      <g
         transform="translate(4.9909171,0.3119319)"
         id="g3370">
        <rect
           style="fill:url(#linearGradient3542);fill-opacity:1;stroke:none;filter:url(#filter3295)"
           id="rect3372"
           width="71.744492"
           height="25.57847"
           x="32.440987"
           y="15.22048" />
        <text
           xml:space="preserve"
           style="font-size:24px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans"
           x="35.927368"
           y="33.312569"
           id="text3374"><tspan
             sodipodi:role="line"
             id="tspan3376"
             x="35.927368"
             y="33.312569"
             style="font-size:16px">GNOME</tspan></text>
      </g>
      <g
         transform="translate(102.93775,-0.9357981)"
         id="g3380">
        <rect
           style="fill:url(#linearGradient3544);fill-opacity:1;stroke:none;filter:url(#filter3295)"
           id="rect3382"
           width="71.744492"
           height="25.57847"
           x="32.440987"
           y="15.22048" />
        <text
           xml:space="preserve"
           style="font-size:24px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans"
           x="39.927368"
           y="33.312569"
           id="text3384"><tspan
             sodipodi:role="line"
             id="tspan3386"
             x="39.927368"
             y="33.312569"
             style="font-size:16px">AAA</tspan></text>
      </g>
    </g>
    <g
       id="s9524"
       transform="translate(90.460441,64.258106)"
       style="display:none">
      <rect
         x="0"
         y="0"
         width="100"
         height="100"
         id="rect3118" />
    </g>
    <g
       id="s6546"
       style="display:none">
      <rect
         x="0"
         y="0"
         width="100"
         height="100"
         style="fill:#ff00"
         id="rect3116" />
    </g>
  </g>
  <g
     id="layer1"
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     style="display:inline" />
</svg>