Mercurial > MadButterfly

view examples/dynamic/button.svg @ 776:77b561bb7929

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Implement new algorithm to calculate the origin of the SVG elemnts so that we can implement object resize without changing the position of the object. However, the image does not work here since it does not use the transformation of the group.
author wycc
date Mon, 30 Aug 2010 08:56:44 +0800
parents a90fd749af82
children
line wrap: on
line source

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
   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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="720"
   height="480"
   id="svg2"
   sodipodi:version="0.32"
   inkscape:version="0.46"
   sodipodi:docname="button.svg"
   inkscape:output_extension="org.inkscape.output.svg.inkscape"
   version="1.0">
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     gridtolerance="10000"
     guidetolerance="10"
     objecttolerance="10"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="0.7"
     inkscape:cx="257.06285"
     inkscape:cy="365.06674"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     inkscape:window-width="1400"
     inkscape:window-height="978"
     inkscape:window-x="0"
     inkscape:window-y="25" />
  <defs
     id="defs4">
    <linearGradient
       id="linearGradient4066">
      <stop
         style="stop-color:#000000;stop-opacity:0;"
         offset="0"
         id="stop4068" />
      <stop
         style="stop-color:#000000;stop-opacity:1"
         offset="1"
         id="stop4070" />
    </linearGradient>
    <linearGradient
       id="linearGradient4026">
      <stop
         style="stop-color:#000000;stop-opacity:1;"
         offset="0"
         id="stop4028" />
      <stop
         style="stop-color:#ffffff;stop-opacity:0;"
         offset="1"
         id="stop4030" />
    </linearGradient>
    <linearGradient
       id="linearGradient4018">
      <stop
         style="stop-color:#000000;stop-opacity:1;"
         offset="0"
         id="stop4020" />
      <stop
         style="stop-color:#0000ff;stop-opacity:0;"
         offset="1"
         id="stop4022" />
    </linearGradient>
    <inkscape:perspective
       id="perspective10"
       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
       inkscape:vp_z="744.09448 : 526.18109 : 1"
       inkscape:vp_y="0 : 1000 : 0"
       inkscape:vp_x="0 : 526.18109 : 1"
       sodipodi:type="inkscape:persp3d" />
  </defs>
  <metadata
     id="metadata7">
    <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>
  </metadata>
  <g
     id="layer1"
     inkscape:groupmode="layer"
     inkscape:label="bg"
     style="display:inline">
    <text
       xml:space="preserve"
       style="font-size:30px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       x="235.71429"
       y="282.36218"
       id="text4380"><tspan
         sodipodi:role="line"
         id="tspan4382"
         x="235.71429"
         y="282.36218" /></text>
    <g
       mbtype="button"
       id="btn"
       transform="translate(148.57143,98.571429)"
       mbname="btn">
      <g
         frame="normal"
         id="btn_normal"
         transform="translate(148.57143,98.571429)"
         mbname="btn_normal"
         style="">
        <rect
           ry="5.0559778"
           rx="6.0995407"
           y="1.4285747"
           x="-1.4285715"
           height="47.142857"
           width="122.85714"
           id="rect2651"
           style="fill:#0000ff" />
        <text
           id="text2653"
           y="32.85714"
           x="10.000002"
           style="font-size:24px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
           xml:space="preserve"><tspan
             y="32.85714"
             x="10.000002"
             id="tspan2655"
             sodipodi:role="line">Click Me</tspan></text>
        <rect
           ry="5.0559778"
           rx="6.0995407"
           y="38.600159"
           x="105.64253"
           height="42.66333"
           width="34.536983"
           id="rect2385"
           style="fill:#f136ff;fill-opacity:1;stroke:#000000;stroke-opacity:1" />
      </g>
      <g
         frame="active"
         id="btn_active"
         transform="translate(148.57143,98.571429)"
         mbname="btn_active"
         style="display:none">
        <rect
           ry="5.0559778"
           rx="6.0995407"
           y="1.4285747"
           x="-1.4285715"
           height="47.142857"
           width="122.85714"
           id="rect2727"
           style="fill:#00ffff" />
        <text
           id="text2729"
           y="32.85714"
           x="10.000002"
           style="font-size:24px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
           xml:space="preserve"><tspan
             y="32.85714"
             x="10.000002"
             id="tspan2731"
             sodipodi:role="line">Click Me</tspan></text>
      </g>
      <g
         style="display:none"
         frame="click"
         id="btn_click"
         transform="translate(148.57143,98.571429)"
         mbname="btn_click">
        <rect
           ry="5.0559778"
           rx="6.0995407"
           y="1.4285747"
           x="-1.4285715"
           height="47.142857"
           width="122.85714"
           id="rect2734"
           style="fill:#ff0000" />
        <text
           id="text2736"
           y="32.85714"
           x="10.000002"
           style="font-size:24px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
           xml:space="preserve"><tspan
             y="32.85714"
             x="10.000002"
             id="tspan2738"
             sodipodi:role="line">Click Me</tspan></text>
      </g>
    </g>
    <text
       xml:space="preserve"
       style="font-size:24px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
       x="160"
       y="77.14286"
       id="text2405"><tspan
         sodipodi:role="line"
         id="tspan2407"
         x="160"
         y="77.14286">s<tspan
   style="font-size:32"
   id="tspan2409">ssss<tspan
   style="font-size:40"
   id="tspan2411">sssss</tspan></tspan></tspan></text>
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer2"
     inkscape:label="text"
     style="display:inline" />
</svg>