<?xml version="1.0" standalone="no"?> | |
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG April 1999//EN" | |
"http://www.w3.org/Graphics/SVG/svg-19990412.dtd"> | |
<svg width="4in" height="3in"> | |
<desc>Demonstration of coordinate transforms | |
</desc> | |
<!-- The following two text elements will both draw with a | |
font height of 12 pixels --> | |
<text style="font-size: 12">This prints 12 pixels high.</text> | |
<text style="font-size: 12px">This prints 12 pixels high.</text> | |
<!-- Now scale the coordinate system by 2. --> | |
<g style="transform: scale(2)"> | |
<!-- The following text will actually draw 24 pixels high | |
because each unit in the new coordinate system equals | |
2 units in the previous coordinate system. --> | |
<text style="font-size: 12">This prints 24 pixels high.</text> | |
<!-- The following text will actually still draw 12 pixels high | |
because the CSS unit specifier has been provided. --> | |
<text style="font-size: 12px">This prints 12 pixels high.</text> | |
</g> | |
</svg> |