You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.6 KiB
44 lines
1.6 KiB
15 years ago
|
<?xml version="1.0" standalone="no"?>
|
||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||
|
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||
|
<svg width="400px" height="200px" viewBox="0 0 4000 2000"
|
||
|
xmlns="http://www.w3.org/2000/svg">
|
||
|
<title>Example Units</title>
|
||
|
<desc>Illustrates various units options</desc>
|
||
|
|
||
|
<!-- Frame the picture -->
|
||
|
<rect x="5" y="5" width="3990" height="1990"
|
||
|
fill="none" stroke="blue" stroke-width="10"/>
|
||
|
<g fill="blue" stroke="red" font-family="Verdana" font-size="150">
|
||
|
<!-- Absolute unit specifiers -->
|
||
|
<g transform="translate(400,0)">
|
||
|
<text x="-50" y="300" fill="black" stroke="none">Abs. units:</text>
|
||
|
<rect x="0" y="400" width="4in" height="2in" stroke-width=".4in"/>
|
||
|
<rect x="0" y="750" width="384" height="192" stroke-width="38.4"/>
|
||
|
<g transform="scale(2)">
|
||
|
<rect x="0" y="600" width="4in" height="2in" stroke-width=".4in"/>
|
||
|
</g>
|
||
|
</g>
|
||
|
|
||
|
<!-- Relative unit specifiers -->
|
||
|
<g transform="translate(1600,0)">
|
||
|
<text x="-50" y="300" fill="black" stroke="none">Rel. units:</text>
|
||
|
<rect x="0" y="400" width="2.5em" height="1.25em" stroke-width=".25em"/>
|
||
|
<rect x="0" y="750" width="375" height="187.5" stroke-width="37.5"/>
|
||
|
<g transform="scale(2)">
|
||
|
<rect x="0" y="600" width="2.5em" height="1.25em" stroke-width=".25em"/>
|
||
|
</g>
|
||
|
</g>
|
||
|
<!-- Percentages -->
|
||
|
<g transform="translate(2800,0)">
|
||
|
<text x="-50" y="300" fill="black" stroke="none">Percentages:</text>
|
||
|
<rect x="0" y="400" width="10%" height="10%" stroke-width="1%"/>
|
||
|
<rect x="0" y="750" width="400" height="200" stroke-width="31.62"/>
|
||
|
<g transform="scale(2)">
|
||
|
<rect x="0" y="600" width="10%" height="10%" stroke-width="1%"/>
|
||
|
</g>
|
||
|
</g>
|
||
|
</g>
|
||
|
</svg>
|
||
|
|