chromium/src/third_party/blink/web_tests/svg/W3C-SVG-1.1/resources/text-align-03-f.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">  

<!--======================================================================-->
<!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
<!--=  Institute of Technology, Institut National de Recherche en        =-->
<!--=  Informatique et en Automatique, Keio University). All Rights      =-->
<!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!--                                                                       -->
<!-- text-alignment-BE-11.svg                                              -->
<!-- renamed for 1.1 suite to text-align-03-f.svg                          -->
<!--                                                                       -->
<!-- Test 'text-anchor' and the 'baseline-shift' properties (vertical).    -->
<!--                                                                       -->
<!-- Author : Jon Ferraiolo 06-Aug-2000                                    -->
<!-- 1.1 revision by Vincent Hardy                                         -->
<!--                                                                       -->
<!-- History:                                                              -->
<!--  06-Aug-2000, JF: Serial#1 created.                                   -->
<!--                                                                       -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="480" height="360">
    <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
        <OperatorScript>
            <Paragraph>
                Test 'text-anchor' and the 'baseline-shift' properties (vertical).
            </Paragraph>
            <Paragraph>
                The leftmost three lines test the three values for property 'text-anchor': start, middle and end.
            </Paragraph>
            <Paragraph>
                The next three lines test property 'baseline-shift'.
                The fourth line tests 'baseline-shift:7' (i.e., a length for 'baseline-shift').
                The red text should shift right by 7 pixels.
                The fifth line tests 'baseline-shift:-70%' (i.e., a percentage for 'baseline-shift').
                The red text should shift left by 70% of the 'font-size'.
                The sixth line tests the three keywords 'sub', 'super' and 'normal'.
                You should see a subscript, superscript and return to normal.
            </Paragraph>
        </OperatorScript>
    </SVGTestCase>

	<title id="test-title">text-align-03-f</title>
	<desc id="test-desc">Test 'text-anchor' and the 'baseline-shift' properties (vertical).</desc>
	<!--======================================================================-->
	<!--Content of Test Case follows...                  =====================-->
	<!--======================================================================-->
	<g id="test-body-content">
		<text font-family="Helvetica" font-size="16"  x="10" y="20">Test 'text-anchor' and the 'baseline-shift' properties (vertical).</text>
                <text font-family="Helvetica" font-size="16"  x="80" y="80">text-anchor</text>
                <text font-family="Helvetica" font-size="16"  x="335" y="80">baseline-shift</text>
		<g writing-mode="tb" glyph-orientation-vertical="0" >
			<g id="text-anchor" font-family="Helvetica" font-size="12"  transform="translate(80,150)">
				<g transform="translate(0,0)">
					<circle r="3"/>
					<text text-anchor="start" fill="red" >start</text>
				</g>
				<g transform="translate(50,0)">
					<circle r="3"/>
					<text text-anchor="middle" fill="green" >middle</text>
				</g>
				<g transform="translate(100,0)">
					<circle r="3"/>
					<text text-anchor="end" fill="blue" >end</text>
				</g>
			</g>
			<g id="baseline-shift" font-family="Helvetica" font-size="12"  transform="translate(330,95)">
				<text x="0">none<tspan baseline-shift="7" fill="red" >shift by 7</tspan>none</text>
				<text x="50">none<tspan baseline-shift="-70%" fill="red" >shift by -70%</tspan>none</text>
				<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>
			</g>
		</g>
	</g>
    <!--======================================================================-->
    <!--Legend and frame:      Title, suite and SVG document serialization====-->
    <!--======================================================================-->
    <g id="test-legend" fill="black" font-family="Helvetica" font-size="10" >
        <rect x="10" y="300" width="275" height="50" fill="none" stroke="#000000" />
        <path fill="none" stroke="#000000"  d="M10 315 h275 M205 315 v35 M10 336 h195 M205 332 h80"/>
        <text x="25" y="311">Scalable Vector Graphics (SVG) v1.1 Conformance Suite</text>
        <a xlink:href="copyright-documents-19990405.html">
            <text x="12" y="347" fill="blue" >Copyright 2002 W3C. All Rights Reserved.</text>
        </a>
        <text font-size="12"  x="35" y="330">text-align-03-f</text>
        <text font-size="10"  x="210" y="327">$Revision: 1.1 $</text>
        <text font-size="10"  x="210" y="345">Release 1.0</text>
        <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000" />
    </g>

</svg>