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