third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1-SE/painting-marker-05-f.svg

   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 'marker' 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 start-, mid- and end-points on the path.
  23           The second row uses 'marker-start', 'marker-mid' and 'marker-end' to give 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 them.
  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" markerHeight="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" markerHeight="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" markerHeight="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" markerHeight="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-anchor:middle;">Test marker overflow</text>
 188
 189     <g style="font: 14px SVGFreeSansASCII,sans-serif; text-anchor:middle" transform="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-width="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>