Daniel Veillard | 011b63c | 1999-06-02 17:44:04 +0000 | [diff] [blame] | 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>
|