OLD | NEW |
(Empty) | |
| 1 <svg version="1.1" baseProfile="full" id="svg-root" |
| 2 width="100%" height="100%" viewBox="0 0 480 360" |
| 3 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 4 <!--======================================================================--> |
| 5 <!--= SVG 1.1 2nd Edition Test Case =--> |
| 6 <!--======================================================================--> |
| 7 <!--= Copyright 2009 World Wide Web Consortium, (Massachusetts =--> |
| 8 <!--= Institute of Technology, European Research Consortium for =--> |
| 9 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> |
| 10 <!--= All Rights Reserved. =--> |
| 11 <!--= See http://www.w3.org/Consortium/Legal/. =--> |
| 12 <!--======================================================================--> |
| 13 <d:SVGTestCase xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" |
| 14 template-version="1.4" reviewer="DOH" author="ED" status="accepted" |
| 15 version="$Revision: 1.7 $" testname="$RCSfile: painting-marker-05-f.svg,v $"
> |
| 16 <d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.
org/TR/SVG11/painting.html#Markers"> |
| 17 <p> |
| 18 Test all the 'overflow' property values except 'inherit' on the 'marke
r' element. |
| 19 </p> |
| 20 <p> |
| 21 Each column tests a value of the 'overflow' property. |
| 22 The first row uses the 'marker' property to set the same marker on sta
rt-, mid- and end-points on the path. |
| 23 The second row uses 'marker-start', 'marker-mid' and 'marker-end' to g
ive each point its own marker. |
| 24 The third row uses the 'marker' property like the first row, but here
the marker has orient="auto" set. |
| 25 </p> |
| 26 </d:testDescription> |
| 27 <d:operatorScript xmlns="http://www.w3.org/1999/xhtml"> |
| 28 <p> |
| 29 Run the test. No interaction required. |
| 30 </p> |
| 31 </d:operatorScript> |
| 32 <d:passCriteria xmlns="http://www.w3.org/1999/xhtml"> |
| 33 <p> |
| 34 The test has passed if: |
| 35 |
| 36 The columns labeled 'visible' and 'auto' show markers without clipping t
hem. |
| 37 All other columns show clipped markers. |
| 38 The rendered picture matches the reference image, except for possible |
| 39 variations in the labelling text (per CSS2 rules). |
| 40 </p> |
| 41 </d:passCriteria> |
| 42 </d:SVGTestCase> |
| 43 <title id="test-title">$RCSfile: painting-marker-05-f.svg,v $</title> |
| 44 <defs> |
| 45 <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F"> |
| 46 <font-face-src> |
| 47 <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/> |
| 48 </font-face-src> |
| 49 </font-face> |
| 50 </defs> |
| 51 <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size=
"18"> |
| 52 <defs> |
| 53 <marker id="marker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="7.5" refY="7.5" markerUnits="strokeWidth"> |
| 54 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 55 </marker> |
| 56 <marker id="marker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="10" refY="10" markerUnits="strokeWidth" orient="auto"> |
| 57 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 58 </marker> |
| 59 <marker id="markerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight=
"2" refX="7.5" refY="7.5" markerUnits="strokeWidth"> |
| 60 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 61 </marker> |
| 62 <marker id="markerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight
="2" refX="5" refY="5" markerUnits="strokeWidth"> |
| 63 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> |
| 64 </marker> |
| 65 <marker id="markerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2
" refX="10" refY="10" markerUnits="strokeWidth"> |
| 66 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 67 </marker> |
| 68 |
| 69 <marker id="vmarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="visible"> |
| 70 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 71 </marker> |
| 72 <marker id="vmarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="visible"> |
| 73 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 74 </marker> |
| 75 <marker id="vmarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight
="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="visible"> |
| 76 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 77 </marker> |
| 78 <marker id="vmarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeigh
t="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="visible"> |
| 79 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> |
| 80 </marker> |
| 81 <marker id="vmarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="
2" refX="10" refY="10" markerUnits="strokeWidth" overflow="visible"> |
| 82 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 83 </marker> |
| 84 |
| 85 <marker id="amarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="auto"> |
| 86 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 87 </marker> |
| 88 <marker id="amarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="auto"> |
| 89 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 90 </marker> |
| 91 <marker id="amarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight
="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="auto"> |
| 92 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 93 </marker> |
| 94 <marker id="amarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeigh
t="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="auto"> |
| 95 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> |
| 96 </marker> |
| 97 <marker id="amarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="
2" refX="10" refY="10" markerUnits="strokeWidth" overflow="auto"> |
| 98 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 99 </marker> |
| 100 |
| 101 <marker id="smarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="scroll"> |
| 102 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 103 </marker> |
| 104 <marker id="smarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="scroll"> |
| 105 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 106 </marker> |
| 107 <marker id="smarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight
="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="scroll"> |
| 108 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 109 </marker> |
| 110 <marker id="smarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeigh
t="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="scroll"> |
| 111 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> |
| 112 </marker> |
| 113 <marker id="smarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="
2" refX="10" refY="10" markerUnits="strokeWidth" overflow="scroll"> |
| 114 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 115 </marker> |
| 116 |
| 117 <marker id="hmarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="hidden"> |
| 118 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 119 </marker> |
| 120 <marker id="hmarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2"
refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="hidden"> |
| 121 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 122 </marker> |
| 123 <marker id="hmarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight
="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="hidden"> |
| 124 <rect width="15" height="15" fill="purple" stroke="none"/> |
| 125 </marker> |
| 126 <marker id="hmarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeigh
t="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="hidden"> |
| 127 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> |
| 128 </marker> |
| 129 <marker id="hmarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="
2" refX="10" refY="10" markerUnits="strokeWidth" overflow="hidden"> |
| 130 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> |
| 131 </marker> |
| 132 </defs> |
| 133 |
| 134 <style type="text/css"> |
| 135 .testpaths { |
| 136 fill:none; |
| 137 stroke:black; |
| 138 stroke-width:8px; |
| 139 } |
| 140 |
| 141 /* no overflow specified */ |
| 142 #p1 { marker: url(#marker1); } |
| 143 #p2 { |
| 144 marker-start: url(#markerStart); |
| 145 marker-mid:url(#markerMiddle); |
| 146 marker-end: url(#markerEnd); |
| 147 } |
| 148 #p3 { marker: url(#marker2); } |
| 149 |
| 150 /* overflow = visible */ |
| 151 #p4 { marker: url(#vmarker1); } |
| 152 #p5 { |
| 153 marker-start: url(#vmarkerStart); |
| 154 marker-mid:url(#vmarkerMiddle); |
| 155 marker-end: url(#vmarkerEnd); |
| 156 } |
| 157 #p6 { marker: url(#vmarker2); } |
| 158 |
| 159 /* overflow = auto */ |
| 160 #p7 { marker: url(#amarker1); } |
| 161 #p8 { |
| 162 marker-start: url(#amarkerStart); |
| 163 marker-mid:url(#amarkerMiddle); |
| 164 marker-end: url(#amarkerEnd); |
| 165 } |
| 166 #p9 { marker: url(#amarker2); } |
| 167 |
| 168 /* overflow = scroll */ |
| 169 #p10 { marker: url(#smarker1); } |
| 170 #p11 { |
| 171 marker-start: url(#smarkerStart); |
| 172 marker-mid:url(#smarkerMiddle); |
| 173 marker-end: url(#smarkerEnd); |
| 174 } |
| 175 #p12 { marker: url(#smarker2); } |
| 176 |
| 177 /* overflow = hidden */ |
| 178 #p13 { marker: url(#hmarker1); } |
| 179 #p14 { |
| 180 marker-start: url(#hmarkerStart); |
| 181 marker-mid:url(#hmarkerMiddle); |
| 182 marker-end: url(#hmarkerEnd); |
| 183 } |
| 184 #p15 { marker: url(#hmarker2); } |
| 185 </style> |
| 186 |
| 187 <text x="50%" y="3em" style="font: 18px SVGFreeSansASCII,sans-serif; text-an
chor:middle;">Test marker overflow</text> |
| 188 |
| 189 <g style="font: 14px SVGFreeSansASCII,sans-serif; text-anchor:middle" transf
orm="translate(0,280)"> |
| 190 <text x="60">default</text> |
| 191 <text x="155">'visible'</text> |
| 192 <text x="245">'auto'</text> |
| 193 <text x="340">'scroll'</text> |
| 194 <text x="430">'hidden'</text> |
| 195 </g> |
| 196 |
| 197 <g transform="translate(-30,75)"> |
| 198 |
| 199 <g id="subtest1" transform="scale(0.6)"> |
| 200 <path id="p1" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> |
| 201 <path id="p2" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> |
| 202 <path id="p3" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> |
| 203 </g> |
| 204 |
| 205 <g id="subtest2" transform="scale(0.6) translate(150,0)"> |
| 206 <path id="p4" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> |
| 207 <path id="p5" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> |
| 208 <path id="p6" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> |
| 209 </g> |
| 210 |
| 211 <g id="subtest3" transform="scale(0.6) translate(300,0)"> |
| 212 <path id="p7" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> |
| 213 <path id="p8" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> |
| 214 <path id="p9" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> |
| 215 </g> |
| 216 |
| 217 <g id="subtest4" transform="scale(0.6) translate(450,0)"> |
| 218 <path id="p10" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> |
| 219 <path id="p11" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> |
| 220 <path id="p12" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> |
| 221 </g> |
| 222 |
| 223 <g id="subtest5" transform="scale(0.6) translate(600,0)"> |
| 224 <path id="p13" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> |
| 225 <path id="p14" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> |
| 226 <path id="p15" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> |
| 227 </g> |
| 228 </g> |
| 229 </g> |
| 230 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> |
| 231 <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7
$</text> |
| 232 </g> |
| 233 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke=
"#000"/> |
| 234 <!-- comment out this watermark once the test is approved --> |
| 235 <!--<g id="draft-watermark"> |
| 236 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-w
idth="1"/> |
| 237 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size
="20" x="240" |
| 238 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white"
>DRAFT</text> |
| 239 </g>--> |
| 240 </svg> |
OLD | NEW |