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">
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 <!-- ===================================================================== -->
12 <!-- shapes-rect-BE-01.svg -->
13 <!-- renamed for 1.1 suite to shapes-rect-01-f.svg -->
15 <!-- Test that viewer has the basic capability to handle the <rect> -->
18 <!-- Author : Kelvin R. Lawrence, 3-Feb-2000 -->
21 <!-- 3-Feb-2000, KRL, Serial#1 created. Matches 20000202 SVG spec. -->
22 <!-- 27-Feb-2000, LH, Serial#2, fix TC name, formatting, create .XML -->
23 <!-- 12-Mar-2000, LH, fix test-framing rect; ser#3 -->
24 <!-- 03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# . -->
26 <!-- ===================================================================== -->
27 <!--======================================================================-->
28 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
29 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
30 <!--======================================================================-->
31 <svg xmlns=
"http://www.w3.org/2000/svg" xmlns:
xlink=
"http://www.w3.org/1999/xlink" id=
"svg-root" width=
"480" height=
"360">
32 <SVGTestCase xmlns=
"http://www.w3.org/2000/02/svg/testsuite/description/">
35 Verify that interpreter/viewer has basic capability to handle the 'rect'
36 shape element. Four pairs of rectangles should be displayed in the
37 four quadrants, with the shapes in each pair being identical to each other.
38 Filling, stroking, and filling-plus-stroking are tested, as are the round-rect
42 The rendered picture should match the reference image, except for possible
43 variations in the labelling text (per CSS2 rules).
46 This test uses 'text' and 'path' elements, as well as
47 fill (solid primary colors), stroke (primary colors and wide lines),
48 font-family (
"Helvetica"), and font-size properties within the 'style' attribute.
53 <title id=
"test-title">shapes-rect-
01-f
</title>
54 <desc id=
"test-desc">Test that viewer has the basic capability to handle the
<rect
> element.
</desc>
55 <!--======================================================================-->
56 <!--Content of Test Case follows... =====================-->
57 <!--======================================================================-->
58 <g id=
"test-body-content">
59 <!-- ====================================================================== -->
60 <!-- First of all draw two simple rectangles. One stroked , one filled. -->
61 <!-- ====================================================================== -->
62 <text font-family=
"Helvetica" font-size=
"12" x=
"160" y=
"14">Basic rectangles
</text>
63 <text font-family=
"Helvetica" font-size=
"12" x=
"82" y=
"20">width=
50</text>
64 <text font-family=
"Helvetica" font-size=
"12" x=
"78" y=
"36">height=
80</text>
65 <rect id=
"Simple-rect-no-fill" fill=
"none" stroke=
"#000000" x=
"30" y=
"46" width=
"50" height=
"80"/>
66 <rect id=
"Simple-rect-filled" fill=
"red" x=
"130" y=
"46" width=
"50" height=
"80"/>
67 <text font-family=
"Helvetica" font-size=
"12" x=
"36" y=
"142">stroked
</text>
68 <text font-family=
"Helvetica" font-size=
"12" x=
"142" y=
"142">filled
</text>
69 <!-- ====================================================================== -->
70 <!-- Second set of rectangles this time with rounded corners. -->
71 <!-- ====================================================================== -->
72 <text font-family=
"Helvetica" font-size=
"12" x=
"302" y=
"20">width=
50</text>
73 <text font-family=
"Helvetica" font-size=
"12" x=
"298" y=
"36">height=
80</text>
74 <text font-family=
"Helvetica" font-size=
"12" x=
"310" y=
"52">rx=
30</text>
75 <rect id=
"Simple-round-rect-no-fill" fill=
"none" stroke=
"#000000" x=
"250" y=
"46" width=
"50" height=
"80" rx=
"30"/>
76 <rect id=
"Simple-round-rect-filled" fill=
"red" x=
"350" y=
"46" width=
"50" height=
"80" rx=
"30"/>
77 <text font-family=
"Helvetica" font-size=
"12" x=
"256" y=
"142">stroked
</text>
78 <text font-family=
"Helvetica" font-size=
"12" x=
"362" y=
"142">filled
</text>
79 <!-- ====================================================================== -->
80 <!-- Third set of rectangles. -->
81 <!-- ====================================================================== -->
82 <text font-family=
"Helvetica" font-size=
"12" x=
"82" y=
"170">width=
50</text>
83 <text font-family=
"Helvetica" font-size=
"12" x=
"78" y=
"186">height=
80</text>
84 <rect id=
"rect-03" fill=
"none" stroke=
"#0000FF" stroke-width=
"8" x=
"30" y=
"196" width=
"50" height=
"80"/>
85 <rect id=
"rect-04" fill=
"#00FF00" stroke=
"#0000FF" stroke-width=
"8" x=
"130" y=
"196" width=
"50" height=
"80"/>
86 <text font-family=
"Helvetica" font-size=
"12" x=
"36" y=
"292">stroked
</text>
87 <text font-family=
"Helvetica" font-size=
"12" x=
"118" y=
"292">filled
& stroked
</text>
88 <!-- ====================================================================== -->
89 <!-- Fourth set of rectangles. -->
90 <!-- ====================================================================== -->
91 <text font-family=
"Helvetica" font-size=
"12" x=
"272" y=
"170">width=
50, height=
80</text>
92 <text font-family=
"Helvetica" font-size=
"12" x=
"296" y=
"186">rx=
30 ry=
50</text>
93 <rect id=
"rect-05" fill=
"none" stroke=
"#0000FF" stroke-width=
"8" x=
"250" y=
"196" width=
"50" height=
"80" rx=
"30" ry=
"50"/>
94 <rect id=
"rect-06" fill=
"#00FF00" x=
"350" y=
"196" width=
"50" height=
"80" rx=
"30" ry=
"50"/>
95 <text font-family=
"Helvetica" font-size=
"12" x=
"256" y=
"292">stroked
</text>
96 <text font-family=
"Helvetica" font-size=
"12" x=
"362" y=
"292">filled
</text>
98 <!--======================================================================-->
99 <!--Legend and frame: Title, suite and SVG document serialization====-->
100 <!--======================================================================-->
101 <g id=
"test-legend" fill=
"black" font-family=
"Helvetica" font-size=
"10" >
102 <rect x=
"10" y=
"300" width=
"275" height=
"50" fill=
"none" stroke=
"#000000" />
103 <path fill=
"none" stroke=
"#000000" d=
"M10 315 h275 M205 315 v35 M10 336 h195 M205 332 h80"/>
104 <text x=
"25" y=
"311">Scalable Vector Graphics (SVG) v1.1 Conformance Suite
</text>
105 <a xlink:
href=
"copyright-documents-19990405.html">
106 <text x=
"12" y=
"347" fill=
"blue" >Copyright
2002 W3C. All Rights Reserved.
</text>
108 <text font-size=
"12" x=
"35" y=
"330">shapes-rect-
01-f
</text>
109 <text font-size=
"10" x=
"210" y=
"327">$Revision:
1.1 $
</text>
110 <text font-size=
"10" x=
"210" y=
"345">Release
1.0</text>
111 <rect id=
"test-frame" x=
"1" y=
"1" width=
"478" height=
"358" fill=
"none" stroke=
"#000000" />