Mercurial > MadButterfly

view examples/dynamic/button.svg @ 1381:9a585df24e52

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Consider the width and height attribute for the rect elements. The inkscape will change the width and height directly without using transform when we resize the rectangle.
author wycc
date Wed, 23 Mar 2011 23:02:36 +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>