• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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="4in" height="3in">
4  <desc>Demonstration of coordinate transforms
5  </desc>
6<!-- The following two text elements will both draw with a
7        font height of 12 pixels -->
8  <text style="font-size: 12">This prints 12 pixels high.</text>
9  <text style="font-size: 12px">This prints 12 pixels high.</text>
10<!-- Now scale the coordinate system by 2. -->
11  <g style="transform: scale(2)">
12<!-- The following text will actually draw 24 pixels high
13           because each unit in the new coordinate system equals
14           2 units in the previous coordinate system. -->
15    <text style="font-size: 12">This prints 24 pixels high.</text>
16<!-- The following text will actually still draw 12 pixels high
17           because the CSS unit specifier has been provided. -->
18    <text style="font-size: 12px">This prints 12 pixels high.</text>
19  </g>
20</svg>
21