transform.xml 1.0 KB

1234567891011121314151617181920212223242526
  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. <!-- Now scale the coordinate system by 2. -->
  12. <g style="transform: scale(2)">
  13. <!-- The following text will actually draw 24 pixels high
  14. because each unit in the new coordinate system equals
  15. 2 units in the previous coordinate system. -->
  16. <text style="font-size: 12">This prints 24 pixels high.</text>
  17. <!-- The following text will actually still draw 12 pixels high
  18. because the CSS unit specifier has been provided. -->
  19. <text style="font-size: 12px">This prints 12 pixels high.</text>
  20. </g>
  21. </svg>