| <?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> |