painting-marker-05-f-isvalid.html (11234B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>painting-marker-05-f-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: painting-marker-05-f-manual.svg</h1> 9 <svg version="1.1" baseProfile="full" id="svg-root" 10 width="100%" height="100%" viewBox="0 0 480 360" 11 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 12 <!--======================================================================--> 13 <!--= SVG 1.1 2nd Edition Test Case =--> 14 <!--======================================================================--> 15 <!--= Copyright 2009 World Wide Web Consortium, (Massachusetts =--> 16 <!--= Institute of Technology, European Research Consortium for =--> 17 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> 18 <!--= All Rights Reserved. =--> 19 <!--= See http://www.w3.org/Consortium/Legal/. =--> 20 <!--======================================================================--> 21 22 <title id="test-title">$RCSfile: painting-marker-05-f.svg,v $</title> 23 <defs> 24 <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F"> 25 <font-face-src> 26 <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/> 27 </font-face-src> 28 </font-face> 29 </defs> 30 <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18"> 31 <defs> 32 <marker id="marker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth"> 33 <rect width="15" height="15" fill="purple" stroke="none"/> 34 </marker> 35 <marker id="marker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto"> 36 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 37 </marker> 38 <marker id="markerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth"> 39 <rect width="15" height="15" fill="purple" stroke="none"/> 40 </marker> 41 <marker id="markerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth"> 42 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> 43 </marker> 44 <marker id="markerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth"> 45 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 46 </marker> 47 48 <marker id="vmarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="visible"> 49 <rect width="15" height="15" fill="purple" stroke="none"/> 50 </marker> 51 <marker id="vmarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="visible"> 52 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 53 </marker> 54 <marker id="vmarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="visible"> 55 <rect width="15" height="15" fill="purple" stroke="none"/> 56 </marker> 57 <marker id="vmarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="visible"> 58 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> 59 </marker> 60 <marker id="vmarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="visible"> 61 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 62 </marker> 63 64 <marker id="amarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="auto"> 65 <rect width="15" height="15" fill="purple" stroke="none"/> 66 </marker> 67 <marker id="amarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="auto"> 68 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 69 </marker> 70 <marker id="amarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="auto"> 71 <rect width="15" height="15" fill="purple" stroke="none"/> 72 </marker> 73 <marker id="amarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="auto"> 74 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> 75 </marker> 76 <marker id="amarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="auto"> 77 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 78 </marker> 79 80 <marker id="smarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="scroll"> 81 <rect width="15" height="15" fill="purple" stroke="none"/> 82 </marker> 83 <marker id="smarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="scroll"> 84 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 85 </marker> 86 <marker id="smarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="scroll"> 87 <rect width="15" height="15" fill="purple" stroke="none"/> 88 </marker> 89 <marker id="smarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="scroll"> 90 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> 91 </marker> 92 <marker id="smarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="scroll"> 93 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 94 </marker> 95 96 <marker id="hmarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="hidden"> 97 <rect width="15" height="15" fill="purple" stroke="none"/> 98 </marker> 99 <marker id="hmarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="hidden"> 100 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 101 </marker> 102 <marker id="hmarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="hidden"> 103 <rect width="15" height="15" fill="purple" stroke="none"/> 104 </marker> 105 <marker id="hmarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="hidden"> 106 <circle cx="5" cy="5" r="7" fill="green" stroke="none"/> 107 </marker> 108 <marker id="hmarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="hidden"> 109 <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/> 110 </marker> 111 </defs> 112 113 <style> 114 .testpaths { 115 fill:none; 116 stroke:black; 117 stroke-width:8px; 118 } 119 120 /* no overflow specified */ 121 #p1 { marker: url(#marker1); } 122 #p2 { 123 marker-start: url(#markerStart); 124 marker-mid:url(#markerMiddle); 125 marker-end: url(#markerEnd); 126 } 127 #p3 { marker: url(#marker2); } 128 129 /* overflow = visible */ 130 #p4 { marker: url(#vmarker1); } 131 #p5 { 132 marker-start: url(#vmarkerStart); 133 marker-mid:url(#vmarkerMiddle); 134 marker-end: url(#vmarkerEnd); 135 } 136 #p6 { marker: url(#vmarker2); } 137 138 /* overflow = auto */ 139 #p7 { marker: url(#amarker1); } 140 #p8 { 141 marker-start: url(#amarkerStart); 142 marker-mid:url(#amarkerMiddle); 143 marker-end: url(#amarkerEnd); 144 } 145 #p9 { marker: url(#amarker2); } 146 147 /* overflow = scroll */ 148 #p10 { marker: url(#smarker1); } 149 #p11 { 150 marker-start: url(#smarkerStart); 151 marker-mid:url(#smarkerMiddle); 152 marker-end: url(#smarkerEnd); 153 } 154 #p12 { marker: url(#smarker2); } 155 156 /* overflow = hidden */ 157 #p13 { marker: url(#hmarker1); } 158 #p14 { 159 marker-start: url(#hmarkerStart); 160 marker-mid:url(#hmarkerMiddle); 161 marker-end: url(#hmarkerEnd); 162 } 163 #p15 { marker: url(#hmarker2); } 164 </style> 165 166 <text x="50%" y="3em" style="font: 18px SVGFreeSansASCII,sans-serif; text-anchor:middle;">Test marker overflow</text> 167 168 <g style="font: 14px SVGFreeSansASCII,sans-serif; text-anchor:middle" transform="translate(0,280)"> 169 <text x="60">default</text> 170 <text x="155">'visible'</text> 171 <text x="245">'auto'</text> 172 <text x="340">'scroll'</text> 173 <text x="430">'hidden'</text> 174 </g> 175 176 <g transform="translate(-30,75)"> 177 178 <g id="subtest1" transform="scale(0.6)"> 179 <path id="p1" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> 180 <path id="p2" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> 181 <path id="p3" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> 182 </g> 183 184 <g id="subtest2" transform="scale(0.6) translate(150,0)"> 185 <path id="p4" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> 186 <path id="p5" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> 187 <path id="p6" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> 188 </g> 189 190 <g id="subtest3" transform="scale(0.6) translate(300,0)"> 191 <path id="p7" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> 192 <path id="p8" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> 193 <path id="p9" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> 194 </g> 195 196 <g id="subtest4" transform="scale(0.6) translate(450,0)"> 197 <path id="p10" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> 198 <path id="p11" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> 199 <path id="p12" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> 200 </g> 201 202 <g id="subtest5" transform="scale(0.6) translate(600,0)"> 203 <path id="p13" class="testpaths" d="M 130 40 L 180 40 L 180 90"/> 204 <path id="p14" class="testpaths" d="M 130 135 L 180 135 L 180 185"/> 205 <path id="p15" class="testpaths" d="M 130 230 L 180 230 L 180 280"/> 206 </g> 207 </g> 208 </g> 209 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> 210 <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text> 211 </g> 212 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/> 213 <!-- comment out this watermark once the test is approved --> 214 <!--<g id="draft-watermark"> 215 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/> 216 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 217 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text> 218 </g>--> 219 </svg> 220 </body> 221 </html>