Return to viewport-transform.xml CVS log

Up to [ELWIX - Embedded LightWeight unIX -] / embedaddon / libxml2 / test / SVG

Annotation of embedaddon/libxml2/test/SVG/viewport-transform.xml, revision 1.1.1.1

1.1       misho       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="300px" height="3oopx">
                      5:   <desc>Transformation with establishment of a new viewport
                      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:    </g>
                     24: 
                     25:    <!-- This time, scale the coordinate system by 3. -->
                     26:    <g style="transform: scale(3)">
                     27: 
                     28:       <!-- Establish a new viewport and thus change the meaning of
                     29:            some CSS unit specifiers. -->
                     30:       <svg style="left:0; top:0; right:100; bottom:100" 
                     31:            width="100%" height="100%">
                     32: 
                     33:          <!-- The following two text elements will both draw with a 
                     34:               font height of 36 screen pixels. The first text element
                     35:               defines its height in user coordinates, which have been
                     36:               scaled by 3. The second text element defines its height
                     37:               in CSS px units, which have been redefined to be three times
                     38:               as big as screen pixels due the <svg> element establishing
                     39:               a new viewport. -->
                     40:          <text style="font-size: 12">This prints 36 pixels high.</text>
                     41:          <text style="font-size: 12px">This prints 36 pixels high.</text>
                     42: 
                     43:       </svg>
                     44:    </g>
                     45: 
                     46: </svg>