|
1 <?xml version="1.0" encoding="UTF-8"?> |
|
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd" |
|
3 [ |
|
4 <!ENTITY % svgExt "| SVGTestCase"> |
|
5 <!ATTLIST svg baseProfile CDATA #IMPLIED> |
|
6 <!ELEMENT SVGTestCase (OperatorScript)> |
|
7 <!ATTLIST SVGTestCase |
|
8 xmlns CDATA #REQUIRED |
|
9 > |
|
10 <!ELEMENT OperatorScript (Paragraph)*> |
|
11 <!ATTLIST OperatorScript |
|
12 version CDATA #IMPLIED |
|
13 testname CDATA #IMPLIED> |
|
14 <!ELEMENT Paragraph (#PCDATA)> |
|
15 ]> |
|
16 |
|
17 <!--======================================================================--> |
|
18 <!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =--> |
|
19 <!--= Institute of Technology, Institut National de Recherche en =--> |
|
20 <!--= Informatique et en Automatique, Keio University). All Rights =--> |
|
21 <!--= Reserved. See http://www.w3.org/Consortium/Legal/. =--> |
|
22 <!--======================================================================--> |
|
23 <!-- ===================================================================== --> |
|
24 <!-- --> |
|
25 <!-- rendering-orderGr-BE-01.svg --> |
|
26 <!-- renamed for 1.1 suite to render-groups-03-t.svg --> |
|
27 <!-- --> |
|
28 <!-- Validate the rendering order of graphic elements and the concept --> |
|
29 <!-- of grouping. --> |
|
30 <!-- --> |
|
31 <!-- Author : Vincent Hardy, 29-Feb-2000 --> |
|
32 <!-- Revised for 1.1 : Phil Armstrong Feb/12/2002 --> |
|
33 <!-- --> |
|
34 <!-- History: --> |
|
35 <!-- 29-Feb-2000, VH: Created. Matches 20000302 SVG spec. --> |
|
36 <!-- 11-Mar-2000, LH=" fixed names, focus, ids, framing rect" removed --> |
|
37 <!-- ineffective "text-anchor="middle"" ser#3 --> |
|
38 <!-- 25-Apr-2000, VH=" put background pattern behind objects" ser#4. --> |
|
39 <!-- 03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# . --> |
|
40 <!-- 16-Aug-2000, LH: renaming, ser#5. --> |
|
41 <!-- 21-Aug-2000, VH: added prerequisites section. --> |
|
42 <!-- --> |
|
43 <!-- ===================================================================== --> |
|
44 <!--======================================================================--> |
|
45 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =--> |
|
46 <!--= log messages, and therefore is no longer in the preceding preamble.=--> |
|
47 <!--======================================================================--> |
|
48 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
|
49 id="svg-root" baseProfile="tiny" width="100%" height="100%" viewBox="0 0 480 360"> |
|
50 <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/"> |
|
51 <OperatorScript version="$Revision: 1.5 $" testname="render-groups-01-t-a.svg"> |
|
52 <Paragraph> |
|
53 Verifies implicit rendering order (paragraph 3.3) and grouping mechanism (paragraphs 3.4). |
|
54 It also validates basic Shape, Image and text rendering. |
|
55 </Paragraph> |
|
56 <Paragraph> |
|
57 This test renders 3 elements: a text string "SVG", then |
|
58 a shape, then an image. Because of their definition order and coordinates, the image |
|
59 should be on top of the rectangle and the rectangle on top of the text. None |
|
60 of the "SVG" should show through the |
|
61 rectangle and none of the rectangle should show through the image. |
|
62 </Paragraph> |
|
63 <Paragraph> |
|
64 Prerequisites: the test assumes proper handling of the fill stroke, stroke-width, |
|
65 font-size rendering properties. It uses the rect, line, text and image elements, as |
|
66 well as all the elements required for the test template. To ensure that the text string is |
|
67 overlapped by the other elements and to avoid a dependency on system fonts, an SVG font is used. |
|
68 </Paragraph> |
|
69 <Paragraph> |
|
70 The rendered image should match the reference image exactly. |
|
71 </Paragraph> |
|
72 </OperatorScript> |
|
73 </SVGTestCase> |
|
74 <title id="test-title">render-groups-03-t</title> |
|
75 <desc id="test-desc">This test validates the rendering order of graphic elements.</desc> |
|
76 <!--======================================================================--> |
|
77 <!--Content of Test Case follows... =====================--> |
|
78 <!--======================================================================--> |
|
79 <g id="test-body-content"> |
|
80 <defs> |
|
81 <font horiz-adv-x="313"> |
|
82 <!-- Converted from Larabie Anglepoise by Batik ttf2svg --> |
|
83 <font-face font-family="larabie-anglepoise" units-per-em="1000" panose-1="0 0 4 0 0 0 0 0 0 0" ascent="703" descent="-300" alphabetic="0"/> |
|
84 <missing-glyph horiz-adv-x="500" d="M63 0V700H438V0H63ZM125 63H375V638H125V63Z"/> |
|
85 <glyph unicode="S" glyph-name="S" horiz-adv-x="385" d="M371 1H29V144H264Q264 151 264 166Q265 180 265 188Q265 212 249 212H132Q83 212 55 247Q29 279 29 329V566H335V422H136V375Q136 360 144 356Q148 355 168 355H279Q327 355 352 309Q371 273 371 221V1Z"/> |
|
86 <glyph unicode="V" glyph-name="V" horiz-adv-x="351" d="M365 563L183 -33L0 563H101L183 296L270 563H365Z"/> |
|
87 <glyph unicode="G" glyph-name="G" horiz-adv-x="367" d="M355 1H18V564H355V420H125V144H248V211H156V355H355V1Z"/> |
|
88 <hkern g1="V" g2="G" k="-40"/> |
|
89 </font> |
|
90 </defs> |
|
91 <!-- ====================================================================== --> |
|
92 <!-- 3 overlapping elements in a group with opacity --> |
|
93 <!-- ====================================================================== --> |
|
94 <g transform="scale(1.8, 1.8)"> |
|
95 <!-- Background pattern --> |
|
96 <rect x="20" y="10" width="230" height="155" fill="rgb(192, 192, 192)"/> |
|
97 <line x1="40" y1="10" x2="40" y2="175" stroke="white" stroke-width="15"/> |
|
98 <line x1="70" y1="10" x2="70" y2="175" stroke="white" stroke-width="15"/> |
|
99 <line x1="100" y1="10" x2="100" y2="175" stroke="white" stroke-width="15"/> |
|
100 <line x1="130" y1="10" x2="130" y2="175" stroke="white" stroke-width="15"/> |
|
101 <line x1="160" y1="10" x2="160" y2="175" stroke="white" stroke-width="15"/> |
|
102 <line x1="190" y1="10" x2="190" y2="175" stroke="white" stroke-width="15"/> |
|
103 <line x1="220" y1="10" x2="220" y2="175" stroke="white" stroke-width="15"/> |
|
104 <line x1="250" y1="10" x2="250" y2="175" stroke="white" stroke-width="15"/> |
|
105 <rect x="20" y="10" width="230" height="155" fill="none" stroke="black"/> |
|
106 <!-- The following text, rectangle and image are drawn, fully opaque, in --> |
|
107 <!-- the order they are defined. Therefore, none of the 'A' under the --> |
|
108 <!-- rectangle should show. Neither should any of the rectangle under --> |
|
109 <!-- the image. --> |
|
110 <text font-family="larabie-anglepoise" font-size="120" x="30" y="90">SVG</text> |
|
111 <rect x="70" y="55" width="130" height="70" fill="rgb(130, 0, 50)"/> |
|
112 <image x="162" y="75" width="80" height="80" xlink:href="images/sign.png"/> |
|
113 </g> |
|
114 </g> |
|
115 <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.5 $</text> |
|
116 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> |
|
117 </svg> |
