view examples/dynamic/button.svg @ 575:97159102f886

Function of query font face in Javascript
author Thinker K.F. Li <thinker@branda.to>
date Thu, 10 Jun 2010 09:36:41 +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>