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" "http://www.w3.org/Graphics/SVG/svg-19990412.dtd"> |
| 3 | <svg width="300px" height="3oopx"> |
| 4 | <desc>Transformation with establishment of a new viewport
|
| 5 | </desc> |
Daniel Veillard | 14fff06 | 1999-06-22 21:49:07 +0000 | [diff] [blame] | 6 | <!-- The following two text elements will both draw with a
|
Daniel Veillard | 7d2c276 | 1999-10-11 15:09:51 +0000 | [diff] [blame] | 7 | font height of 12 pixels --> |
| 8 | <text style="font-size: 12">This prints 12 pixels high.</text> |
Daniel Veillard | 011b63c | 1999-06-02 17:44:04 +0000 | [diff] [blame] | 9 | <text style="font-size: 12px">This prints 12 pixels high.</text> |
Daniel Veillard | 7d2c276 | 1999-10-11 15:09:51 +0000 | [diff] [blame] | 10 | <!-- Now scale the coordinate system by 2. --> |
| 11 | <g style="transform: scale(2)"> |
Daniel Veillard | 14fff06 | 1999-06-22 21:49:07 +0000 | [diff] [blame] | 12 | <!-- The following text will actually draw 24 pixels high
|
| 13 | because each unit in the new coordinate system equals
|
Daniel Veillard | 7d2c276 | 1999-10-11 15:09:51 +0000 | [diff] [blame] | 14 | 2 units in the previous coordinate system. --> |
| 15 | <text style="font-size: 12">This prints 24 pixels high.</text> |
Daniel Veillard | 14fff06 | 1999-06-22 21:49:07 +0000 | [diff] [blame] | 16 | <!-- The following text will actually still draw 12 pixels high
|
Daniel Veillard | 7d2c276 | 1999-10-11 15:09:51 +0000 | [diff] [blame] | 17 | because the CSS unit specifier has been provided. --> |
| 18 | <text style="font-size: 12px">This prints 12 pixels high.</text> |
Daniel Veillard | 011b63c | 1999-06-02 17:44:04 +0000 | [diff] [blame] | 19 | </g> |
Daniel Veillard | 7d2c276 | 1999-10-11 15:09:51 +0000 | [diff] [blame] | 20 | <!-- This time, scale the coordinate system by 3. --> |
| 21 | <g style="transform: scale(3)"> |
Daniel Veillard | 14fff06 | 1999-06-22 21:49:07 +0000 | [diff] [blame] | 22 | <!-- Establish a new viewport and thus change the meaning of
|
Daniel Veillard | 7d2c276 | 1999-10-11 15:09:51 +0000 | [diff] [blame] | 23 | some CSS unit specifiers. --> |
| 24 | <svg style="left:0; top:0; right:100; bottom:100" width="100%" height="100%"> |
Daniel Veillard | 14fff06 | 1999-06-22 21:49:07 +0000 | [diff] [blame] | 25 | <!-- The following two text elements will both draw with a
|
| 26 | font height of 36 screen pixels. The first text element
|
| 27 | defines its height in user coordinates, which have been
|
| 28 | scaled by 3. The second text element defines its height
|
| 29 | in CSS px units, which have been redefined to be three times
|
| 30 | as big as screen pixels due the <svg> element establishing
|
Daniel Veillard | 7d2c276 | 1999-10-11 15:09:51 +0000 | [diff] [blame] | 31 | a new viewport. --> |
| 32 | <text style="font-size: 12">This prints 36 pixels high.</text> |
Daniel Veillard | 011b63c | 1999-06-02 17:44:04 +0000 | [diff] [blame] | 33 | <text style="font-size: 12px">This prints 36 pixels high.</text> |
| 34 | </svg> |
| 35 | </g> |
| 36 | </svg> |