third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/resources/text-align-03-f.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
   3
   4 <!--======================================================================-->
   5 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   6 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   7 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   8 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   9 <!--======================================================================-->
  10 <!-- ===================================================================== -->
  11 <!--                                                                       -->
  12 <!-- text-alignment-BE-11.svg                                              -->
  13 <!-- renamed for 1.1 suite to text-align-03-f.svg                          -->
  14 <!--                                                                       -->
  15 <!-- Test 'text-anchor' and the 'baseline-shift' properties (vertical).    -->
  16 <!--                                                                       -->
  17 <!-- Author : Jon Ferraiolo 06-Aug-2000                                    -->
  18 <!-- 1.1 revision by Vincent Hardy                                         -->
  19 <!--                                                                       -->
  20 <!-- History:                                                              -->
  21 <!--  06-Aug-2000, JF: Serial#1 created.                                   -->
  22 <!--                                                                       -->
  23 <!-- ===================================================================== -->
  24 <!--======================================================================-->
  25 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  26 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  27 <!--======================================================================-->
  28 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="480" height="360">
  29     <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  30         <OperatorScript>
  31             <Paragraph>
  32                 Test 'text-anchor' and the 'baseline-shift' properties (vertical).
  33             </Paragraph>
  34             <Paragraph>
  35                 The leftmost three lines test the three values for property 'text-anchor': start, middle and end.
  36             </Paragraph>
  37             <Paragraph>
  38                 The next three lines test property 'baseline-shift'.
  39                 The fourth line tests 'baseline-shift:7' (i.e., a length for 'baseline-shift').
  40                 The red text should shift right by 7 pixels.
  41                 The fifth line tests 'baseline-shift:-70%' (i.e., a percentage for 'baseline-shift').
  42                 The red text should shift left by 70% of the 'font-size'.
  43                 The sixth line tests the three keywords 'sub', 'super' and 'normal'.
  44                 You should see a subscript, superscript and return to normal.
  45             </Paragraph>
  46         </OperatorScript>
  47     </SVGTestCase>
  48
  49         <title id="test-title">text-align-03-f</title>
  50         <desc id="test-desc">Test 'text-anchor' and the 'baseline-shift' properties (vertical).</desc>
  51         <!--======================================================================-->
  52         <!--Content of Test Case follows...                  =====================-->
  53         <!--======================================================================-->
  54         <g id="test-body-content">
  55                 <text font-family="Helvetica" font-size="16"  x="10" y="20">Test 'text-anchor' and the 'baseline-shift' properties (vertical).</text>
  56                 <text font-family="Helvetica" font-size="16"  x="80" y="80">text-anchor</text>
  57                 <text font-family="Helvetica" font-size="16"  x="335" y="80">baseline-shift</text>
  58                 <g writing-mode="tb" glyph-orientation-vertical="0" >
  59                         <g id="text-anchor" font-family="Helvetica" font-size="12"  transform="translate(80,150)">
  60                                 <g transform="translate(0,0)">
  61                                         <circle r="3"/>
  62                                         <text text-anchor="start" fill="red" >start</text>
  63                                 </g>
  64                                 <g transform="translate(50,0)">
  65                                         <circle r="3"/>
  66                                         <text text-anchor="middle" fill="green" >middle</text>
  67                                 </g>
  68                                 <g transform="translate(100,0)">
  69                                         <circle r="3"/>
  70                                         <text text-anchor="end" fill="blue" >end</text>
  71                                 </g>
  72                         </g>
  73                         <g id="baseline-shift" font-family="Helvetica" font-size="12"  transform="translate(330,95)">
  74                                 <text x="0">none<tspan baseline-shift="7" fill="red" >shift by 7</tspan>none</text>
  75                                 <text x="50">none<tspan baseline-shift="-70%" fill="red" >shift by -70%</tspan>none</text>
  76                                 <text x="100">none<tspan baseline-shift="sub" fill="red" >sub</tspan><tspan baseline-shift="super" fill="green" >super</tspan><tspan baseline-shift="baseline" fill="blue" >no </tspan>shift</text>
  77                         </g>
  78                 </g>
  79         </g>
  80     <!--======================================================================-->
  81     <!--Legend and frame:      Title, suite and SVG document serialization====-->
  82     <!--======================================================================-->
  83     <g id="test-legend" fill="black" font-family="Helvetica" font-size="10" >
  84         <rect x="10" y="300" width="275" height="50" fill="none" stroke="#000000" />
  85         <path fill="none" stroke="#000000"  d="M10 315 h275 M205 315 v35 M10 336 h195 M205 332 h80"/>
  86         <text x="25" y="311">Scalable Vector Graphics (SVG) v1.1 Conformance Suite</text>
  87         <a xlink:href="copyright-documents-19990405.html">
  88             <text x="12" y="347" fill="blue" >Copyright 2002 W3C. All Rights Reserved.</text>
  89         </a>
  90         <text font-size="12"  x="35" y="330">text-align-03-f</text>
  91         <text font-size="10"  x="210" y="327">$Revision: 1.1 $</text>
  92         <text font-size="10"  x="210" y="345">Release 1.0</text>
  93         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000" />
  94     </g>
  95
  96 </svg>