blob: db00dbde646d5b10f1e89da39b7b4c3e68db398c [file] [log] [blame]
Daniel Veillard011b63c1999-06-02 17:44:04 +00001<?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
5 </desc>
Daniel Veillard14fff061999-06-22 21:49:07 +00006<!-- The following two text elements will both draw with a
Daniel Veillard7d2c2761999-10-11 15:09:51 +00007 font height of 12 pixels -->
8 <text style="font-size: 12">This prints 12 pixels high.</text>
Daniel Veillard011b63c1999-06-02 17:44:04 +00009 <text style="font-size: 12px">This prints 12 pixels high.</text>
Daniel Veillard7d2c2761999-10-11 15:09:51 +000010<!-- Now scale the coordinate system by 2. -->
11 <g style="transform: scale(2)">
Daniel Veillard14fff061999-06-22 21:49:07 +000012<!-- The following text will actually draw 24 pixels high
13 because each unit in the new coordinate system equals
Daniel Veillard7d2c2761999-10-11 15:09:51 +000014 2 units in the previous coordinate system. -->
15 <text style="font-size: 12">This prints 24 pixels high.</text>
Daniel Veillard14fff061999-06-22 21:49:07 +000016<!-- The following text will actually still draw 12 pixels high
Daniel Veillard7d2c2761999-10-11 15:09:51 +000017 because the CSS unit specifier has been provided. -->
18 <text style="font-size: 12px">This prints 12 pixels high.</text>
Daniel Veillard011b63c1999-06-02 17:44:04 +000019 </g>
20</svg>