view examples/dynamic/button.svg @ 881:a17c4e231e54 abs_n_rel_center

Transform positions of radient paints. cx, cy of radial and x1, y1, x2, y2 of linear gradient paints must be transformed with aggregated matrix of painted shapes. Pattern to user space transformation maybe used to get more precise color.
author Thinker K.F. Li <thinker@codemud.net>
date Sat, 25 Sep 2010 20:12:45 +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>