result/SVG/transform.xml

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