painting-marker-02-f-isvalid.html (10890B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>painting-marker-02-f-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: painting-marker-02-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-02-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 <clipPath id="overflowHiddenClip1" clipPathUnits="userSpaceOnUse"> 33 <rect x="0" y="0" width="2" height="2"/> 34 </clipPath> 35 <clipPath id="overflowHiddenClip" clipPathUnits="userSpaceOnUse"> 36 <rect x="0" y="0" width="4" height="4"/> 37 </clipPath> 38 </defs> 39 <g fill="green"> 40 <text x="125" y="30" font-size="14" fill="black">Marker Rendering Properties</text> 41 <!-- ===================================================================== --> 42 <!-- Fill property --> 43 <!-- ===================================================================== --> 44 <g fill="black" stroke="none" stroke-width="8"> 45 <marker id="marker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth"> 46 <rect width="10" height="10"/> 47 </marker> 48 <text x="100" y="140" font-size="10" fill="black" stroke="none">Fill Property</text> 49 <path marker-start="url(#marker1)" marker-mid="url(#marker1)" marker-end="url(#marker1)" d="M 30 60 L 80 60 L 80 110 Z"/> 50 <!-- ===================================================================== --> 51 <!-- Generate the equivalent SVG --> 52 <!-- ===================================================================== --> 53 <g transform="translate(120,0)"> 54 <path d="M 30 60 L 80 60 L 80 110 Z"/> 55 <g transform="translate(30,60) scale(8) translate(-1, -1)"> 56 <g clip-path="url(#overflowHiddenClip1)"> 57 <g transform="scale(0.2, 0.2)"> 58 <rect width="10" height="10"/> 59 </g> 60 </g> 61 </g> 62 <g transform="translate(80,60) scale(8) translate(-1, -1)"> 63 <g clip-path="url(#overflowHiddenClip1)"> 64 <g transform="scale(0.2, 0.2)"> 65 <rect width="10" height="10"/> 66 </g> 67 </g> 68 </g> 69 <g transform="translate(80,110) scale(8) translate(-1, -1)"> 70 <g clip-path="url(#overflowHiddenClip1)"> 71 <g transform="scale(0.2, 0.2)"> 72 <rect width="10" height="10"/> 73 </g> 74 </g> 75 </g> 76 </g> 77 </g> 78 <!-- ===================================================================== --> 79 <!-- Stroke property --> 80 <!-- ===================================================================== --> 81 <g fill="none" stroke="black" stroke-width="4"> 82 <marker id="marker2" viewBox="0 0 20 20" markerWidth="4" markerHeight="4" refX="10" refY="10" markerUnits="strokeWidth"> 83 <rect width="20" height="20"/> 84 </marker> 85 <text x="340" y="140" font-size="10" fill="black" stroke="none">Stroke Property</text> 86 <path marker-start="url(#marker2)" marker-mid="url(#marker2)" marker-end="url(#marker2)" d="M 270 60 L 320 60 L 320 110 Z"/> 87 <!-- ===================================================================== --> 88 <!-- Generate the equivalent SVG --> 89 <!-- ===================================================================== --> 90 <g transform="translate(120,0)"> 91 <path d="M 270 60 L 320 60 L 320 110 Z"/> 92 <!-- ===================================================================== --> 93 <!-- Generate the equivalent SVG --> 94 <!-- ===================================================================== --> 95 <g transform="translate(270,60) scale(4) translate(-2, -2)"> 96 <g clip-path="url(#overflowHiddenClip)"> 97 <g transform="scale(0.2, 0.2)"> 98 <rect width="20" height="20"/> 99 </g> 100 </g> 101 </g> 102 <g transform="translate(320,60) scale(4) translate(-2, -2)"> 103 <g clip-path="url(#overflowHiddenClip)"> 104 <g transform="scale(0.2, 0.2)"> 105 <rect width="20" height="20"/> 106 </g> 107 </g> 108 </g> 109 <g transform="translate(320, 110) scale(4) translate(-2, -2)"> 110 <g clip-path="url(#overflowHiddenClip)"> 111 <g transform="scale(0.2, 0.2)"> 112 <rect width="20" height="20"/> 113 </g> 114 </g> 115 </g> 116 </g> 117 </g> 118 <!-- ===================================================================== --> 119 <!-- Define marker element with parents setting painting properties --> 120 <!-- ===================================================================== --> 121 <g fill="green" stroke="blue" stroke-width="8"> 122 <marker id="marker3" viewBox="0 0 20 20" markerWidth="4" markerHeight="4" refX="10" refY="10" markerUnits="strokeWidth"> 123 <rect width="20" height="20" stroke="black"/> 124 </marker> 125 <marker id="marker4" viewBox="0 0 10 10" markerWidth="4" markerHeight="4" refX="5" refY="5" markerUnits="strokeWidth"> 126 <rect width="10" height="10" fill="black" stroke-width="4"/> 127 </marker> 128 </g> 129 <!-- ===================================================================== --> 130 <!-- Parent and specified properties --> 131 <!-- ===================================================================== --> 132 <g fill="orange" stroke="blue"> 133 <text x="90" y="270" font-size="10" fill="black" stroke="none">Mixed Properties</text> 134 <path stroke="purple" stroke-width="4" marker-start="url(#marker3)" marker-mid="url(#marker3)" marker-end="url(#marker3)" d="M 30 190 L 80 190 L 80 240 Z"/> 135 <!-- ===================================================================== --> 136 <!-- Generate the equivalent SVG --> 137 <!-- ===================================================================== --> 138 <g transform="translate(120,0)"> 139 <path stroke="purple" stroke-width="4" d="M 30 190 L 80 190 L 80 240 Z"/> 140 <g fill="green" stroke="black" stroke-width="8"> 141 <g transform="translate(30,190) scale(4) translate(-2, -2)"> 142 <g clip-path="url(#overflowHiddenClip)"> 143 <g transform="scale(.2, .2)"> 144 <rect width="20" height="20"/> 145 </g> 146 </g> 147 </g> 148 <g transform="translate(80,190) scale(4) translate(-2, -2)"> 149 <g clip-path="url(#overflowHiddenClip)"> 150 <g transform="scale(0.2, 0.2)"> 151 <rect width="20" height="20"/> 152 </g> 153 </g> 154 </g> 155 <g transform="translate(80,240) scale(4) translate(-2, -2)"> 156 <g clip-path="url(#overflowHiddenClip)"> 157 <g transform="scale(0.2, 0.2)"> 158 <rect width="20" height="20"/> 159 </g> 160 </g> 161 </g> 162 </g> 163 </g> 164 </g> 165 <g fill="orange" stroke="green"> 166 <text x="340" y="270" font-size="10" fill="black" stroke="none">Mixed Properties</text> 167 <path stroke="purple" stroke-width="4" marker-start="url(#marker4)" marker-mid="url(#marker4)" marker-end="url(#marker4)" d="M 270 190 L 320 190 L 320 240 Z"/> 168 <!-- ===================================================================== --> 169 <!-- Generate the equivalent SVG --> 170 <!-- ===================================================================== --> 171 <g transform="translate(120,0)"> 172 <path stroke="purple" stroke-width="4" d="M 270 190 L 320 190 L 320 240 Z"/> 173 <g fill="black" stroke="blue" stroke-width="4"> 174 <g transform="translate(270,190) scale(4) translate(-2, -2)"> 175 <g clip-path="url(#overflowHiddenClip)"> 176 <g transform="scale(0.4, 0.4)"> 177 <rect width="10" height="10"/> 178 </g> 179 </g> 180 </g> 181 <g transform="translate(320,190) scale(4) translate(-2, -2)"> 182 <g clip-path="url(#overflowHiddenClip)"> 183 <g transform="scale(0.4, 0.4)"> 184 <rect width="10" height="10"/> 185 </g> 186 </g> 187 </g> 188 <g transform="translate(320,240) scale(4) translate(-2, -2)"> 189 <g clip-path="url(#overflowHiddenClip)"> 190 <g transform="scale(0.4, 0.4)"> 191 <rect width="10" height="10"/> 192 </g> 193 </g> 194 </g> 195 </g> 196 </g> 197 </g> 198 </g> 199 </g> 200 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> 201 <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text> 202 </g> 203 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> 204 <!-- comment out this watermark once the test is approved --> 205 <!--<g id="draft-watermark"> 206 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/> 207 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 208 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text> 209 </g>--> 210 </svg> 211 </body> 212 </html>