<?xml version=“1.0” standalone=“no”?> <!DOCTYPE svg PUBLIC “-//W3C//DTD SVG April 1999//EN” “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>