Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
text-align-02-f.svg 8.47 KB
Newer Older
Eric Domke's avatar
Refactoring while working through W3C tests  
Eric Domke committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146 
<?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-textAnchor-BE-05.svg                                             -->
<!-- renamed for 1.1 suite to text-align-02-f.svg                          -->
<!--                                                                       -->
<!-- Test viewer basic capability to handle 'text-anchor' property.        -->
<!--                                                                       -->
<!-- Author : Lofton Henderson, 05-aug-2000.                               -->
<!-- 1.1 revision by Vincent Hardy                                         -->
<!--                                                                       -->
<!-- History:                                                              -->
<!--  05-aug-2000, LH: Serial#1 created.                                   -->
<!--  23-aug-2000, LH=" add test-body-content 'g'" ser#2                    -->
<!--                                                                       -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= 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 for viewer capibility to handle the basics of the 'textAnchor' 
                alignment property for 'text' and related elements.
            </Paragraph>
            <Paragraph>
                There are several groups of sub-tests.  The first group at the top has an 
                initial sub-test with no text-anchor property ("none"), then 
                tests the three values of the text-anchor property -- start, middle, end -- 
                for simple 'text' elements.  In each case, the x-coordinate attribute of
                the 'text' element corresponds to the position of the vertical red line.
            </Paragraph>
            <Paragraph>
                The second group from the top contains sub-tests to verify that the
                interpreter handles text-anchor when the text is comprised of other 
                text related elements, 'tspan', 'tref', and 'textPath'.  
                The text-anchor property is present on the containing 'text' element
                in these cases, not on the contained child elements.
            </Paragraph>
            <Paragraph>
                The third group from the top contains sub-tests to verify that
                the interpreter correctly handles and applies the text-anchor 
                properties when present on "chunks", which are comprised of tspan elements
                with absolute positioning, within the containing 'text' element.
            </Paragraph>
            <Paragraph>
                The rendered picture should match the reference image, except for
                possible variations in the text fonts and layout (per CSS2 rules).
            </Paragraph>
            <Paragraph>
                The test also uses the 'rect' element, 
                as well as basic fill (solid primary colors), 
                stroke (black 1-pixel lines), font-family (Helvetica) 
                and font-size properties.
            </Paragraph>
        </OperatorScript>
    </SVGTestCase>

	<title id="test-title">text-align-03-f</title>
	<desc id="test-desc">Test viewer basic capability to handle 'text-anchor' property.</desc>
	<!--======================================================================-->
	<!--Content of Test Case follows...                  =====================-->
	<!--======================================================================-->
	<g id="test-body-content">
		<defs>
			<text id="tref-internal-reference">end. text w/ tref</text>
			<path id="myPath" d="M 150 135 375 135"/>
		</defs>
		<text x="105" y="25" font-family="Helvetica" font-size="14" fill="black" >Basic test of 'text-anchor' alignment property.</text>
		<text x="45" y="375" font-size="12" >(The red line corresponds to the "initial current text position".)</text>
		<text x="5" y="55" font-family="Helvetica" font-size="14" fill="black" >Simple text.</text>
		<!-- Test cases -->
		<g font-size="12" fill="blue" >
                        <line x1="105" y1="60" x2="105" y2="145" stroke="red" />
			<text x="105" y="75">none</text>
			<text x="105" y="95" text-anchor="start" >start</text>
			<text x="105" y="115" text-anchor="middle" >middle</text>
			<text x="105" y="135" text-anchor="end" >end</text>
		</g>
		<!-- Labels -->
		<g font-size="10" fill="black" >
			<text x="20" y="75">none...</text>
			<text x="20" y="95">start...</text>
			<text x="20" y="115">middle...</text>
			<text x="20" y="135">end...</text>
		</g>
		<text x="175" y="55" font-family="Helvetica" font-size="14" fill="black" >Tspan, tref, toap</text>
		<!-- Test cases -->
		<line x1="375" y1="60" x2="375" y2="145" stroke="red" />
		<g font-family="Helvetica" font-size="10" fill="blue" >
			<text x="375" y="75" text-anchor="start" >start. text w/<tspan xml:space="preserve" fill="red" > red tspan</tspan></text>
			<text x="375" y="95" text-anchor="middle" >middle. text w/<tspan font-weight="bold"  xml:space="preserve"> bold tspan</tspan></text>
			<text x="375" y="115" text-anchor="end" >
				<tref xlink:href="#tref-internal-reference"/>
			</text>
			<text text-anchor="end" >
				<textPath text-anchor="end"  startOffset="100%" xlink:href="#myPath">Text-anchor: end. Text on path</textPath>
			</text>
		</g>
		<!-- Labels -->
		<g font-family="Helvetica" font-size="10" fill="black" >
			<text x="190" y="75">tspan...</text>
			<text x="190" y="95">tspan...</text>
			<text x="190" y="115">tref...</text>
			<text x="190" y="135">textPath...</text>
		</g>
		<text x="5" y="190" font-family="Helvetica" font-size="14" fill="black" >Changes in chunks.</text>
		<!-- Test cases -->
		<line x1="225" y1="195" x2="225" y2="265" stroke="red" />
		<g font-family="Helvetica" font-size="10" fill="blue" >
			<text x="225" y="210" text-anchor="end" >Begin with "end" align,<tspan x="225" y="230" xml:space="preserve" text-anchor="middle" > and switch to middle in a tspan, </tspan><tspan x="225" y="250" text-anchor="start" >and finish with start in another tspan.</tspan></text>
		</g>
		<!-- Labels -->
		<g font-family="Helvetica" font-size="10" fill="black" >
			<text x="20" y="210">end...</text>
			<text x="20" y="230">middle...</text>
			<text x="20" y="250">start...</text>
		</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-02-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>