third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/resources/text-align-01-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-10.svg                                              -->
  13 <!-- renamed for 1.1 suite to text-align-01-f.svg                          -->
  14 <!--                                                                       -->
  15 <!-- Test 'text-anchor' and the 'baseline-shift' properties (horizontal).  -->
  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 (horizonatal).
  33             </Paragraph>
  34             <Paragraph>
  35                 The topmost 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 upward by 7 pixels.
  41                 The fifth line tests 'baseline-shift:-70%' (i.e., a percentage for 'baseline-shift').
  42                 The red text should shift downward 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-01-f</title>
  50         <desc id="test-desc">Test 'text-anchor' and the 'baseline-shift' properties (horizontal).</desc>
  51         <!--======================================================================-->
  52         <!--Content of Test Case follows...                  =====================-->
  53         <!--======================================================================-->
  54         <g id="test-body-content">
  55                 <text font-family="Helvetica" font-size="14"  x="40" y="20">Test 'text-anchor' and the 'baseline-shift' properties (horizontal).</text>
  56                 <g id="text-anchor" font-family="Helvetica" font-size="14" >
  57                         <g transform="translate(220,70)">
  58                                 <line stroke="black"  x2="50"/>
  59                                 <circle r="3"/>
  60                                 <text text-anchor="start" fill="red" >Text-anchor:start</text>
  61                         </g>
  62                         <g transform="translate(200,100)">
  63                                 <line stroke="black"  x1="-25" x2="25"/>
  64                                 <circle r="3"/>
  65                                 <text text-anchor="middle" fill="green" >Text-anchor:middle</text>
  66                         </g>
  67                         <g transform="translate(200,130)">
  68                                 <line stroke="black"  x1="-50" x2="0"/>
  69                                 <circle r="3"/>
  70                                 <text text-anchor="end" fill="blue" >Text-anchor:end</text>
  71                         </g>
  72                 </g>
  73                 <g id="baseline-shift" font-family="Helvetica" font-size="14"  transform="translate(100,190)">
  74                         <text y="0">Normal text<tspan baseline-shift="7" fill="red" >baseline-shift:7</tspan>normal text</text>
  75                         <text y="40">Normal text<tspan baseline-shift="-70%" fill="red" >baseline-shift:-70%</tspan>normal text</text>
  76                         <text y="80">Normal text<tspan baseline-shift="sub" fill="red" >sub</tspan><tspan baseline-shift="super" fill="green" >super</tspan><tspan baseline-shift="baseline" fill="blue" >normal</tspan>text</text>
  77                 </g>
  78         </g>
  79     <!--======================================================================-->
  80     <!--Legend and frame:      Title, suite and SVG document serialization====-->
  81     <!--======================================================================-->
  82     <g id="test-legend" fill="black" font-family="Helvetica" font-size="10" >
  83         <rect x="10" y="300" width="275" height="50" fill="none" stroke="#000000" />
  84         <path fill="none" stroke="#000000"  d="M10 315 h275 M205 315 v35 M10 336 h195 M205 332 h80"/>
  85         <text x="25" y="311">Scalable Vector Graphics (SVG) v1.1 Conformance Suite</text>
  86         <a xlink:href="copyright-documents-19990405.html">
  87             <text x="12" y="347" fill="blue" >Copyright 2002 W3C. All Rights Reserved.</text>
  88         </a>
  89         <text font-size="12"  x="35" y="330">text-align-01-f</text>
  90         <text font-size="10"  x="210" y="327">$Revision: 1.1 $</text>
  91         <text font-size="10"  x="210" y="345">Release 1.0</text>
  92         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000" />
  93     </g>
  94
  95 </svg>