ZVON > References > Zvon Example Repository
Example repository: index | categories | search

All > SVG > Text > text-font-BE-16


File: text-font-BE-16
Author: Chris lilley
Origin: W3C SVG conformance suite

Rendered imageSVG source
ElementsAttributes
axlink:href |
defs
descid |
gid | style |
pathd | style |
rectheight | id | style | width | x | y |
styletype |
svgheight | id | width |
textclass | style | x | y |
titleid |
tspanclass |

Source

<svg id="svg-root" width="450" height="450" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" >
     <title id="test-title">text-font-BE-16</title>
     <desc id="test-desc"> Test that viewer has the basic capability to handle different font weights </desc>
     <g id="test-body-content">
          <defs>
               <style type="text/css"> text { font-weight: normal } #test-body-content { font-family: Georgia, 'Times New Roman', Times, 'MS Mincho', sans-serif; font-size: 30 } .one { font-weight: 100 } .two { font-weight: 200 } .three { font-weight: 300 } .four { font-weight: 400 } .five { font-weight: 500 } .six { font-weight: 600 } .seven { font-weight: 700 } .eight { font-weight: 800 } .nine { font-weight: 900 } .bold { font-weight: bold } .norm { font-weight: normal } .plus, .minus { fill: blue } .plus { font-weight: bolder } .minus { font-weight: lighter } .six, .seven, .eight, .nine { fill: green } </style>
          </defs>
          <text class="one" x="60" y="50">100</text>
          <text class="two" x="60" y="90">200</text>
          <text class="three" x="60" y="130">300</text>
          <text class="four" x="60" y="170">400</text>
          <text class="five" x="60" y="210">500</text>
          <text class="six" x="60" y="250">600</text>
          <text class="seven" x="60" y="290">700</text>
          <text class="eight" x="60" y="330">800</text>
          <text class="nine" x="60" y="370">900</text>
          <text class="bold" x="160" y="50">This is bold</text>
          <text class="norm" x="160" y="100">This is normal</text>
          <text class="norm" x="160" y="150">Blue is
               <tspan class="plus">bolder</tspan>
          </text>
          <text class="bold" x="160" y="200">Blue is
               <tspan class="minus">lighter</tspan>
          </text>
     </g>
     <g id="test-legend" style="fill:black;font-family:Helvetica;font-size:10;">
          <rect x="10" y="390" width="275" height="50" style="fill:none;stroke:#000000;"/>
          <path style="fill:none;stroke:#000000;" d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
          <text x="25" y="401">Scalable Vector Graphics (SVG) Conformance Suite</text>
          <a xlink:href="copyright-documents-19990405.html">
               <text x="12" y="437" style="fill:blue;"> Copyright 2000 W3C. All Rights Reserved. </text>
          </a>
          <text style="font-size:12;" x="35" y="420">text-font-BE-16</text>
          <text style="font-size:10;" x="210" y="417">$Revision: 1.1 $</text>
          <text style="font-size:10;" x="210" y="435">Release 2.0</text>
          <rect id="test-frame" x="1" y="1" width="448" height="448" style="fill:none;stroke:#000000;"/>
     </g>
</svg>



Sponsored links: Domain Names, VoIP Internettelefonie, DSL, SDSL, ADSL, UNLIMITED Web Hosting by HostDepartment, conference call service, answering service