painting-marker-06-f-isvalid.html (7606B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>painting-marker-06-f-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: painting-marker-06-f-manual.svg</h1> 9 <svg id="svg-root" width="100%" height="100%" 10 viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" 11 xmlns:xlink="http://www.w3.org/1999/xlink"> 12 <!--======================================================================--> 13 <!--= Copyright 2008 World Wide Web Consortium, (Massachusetts =--> 14 <!--= Institute of Technology, European Research Consortium for =--> 15 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> 16 <!--= All Rights Reserved. =--> 17 <!--= See http://www.w3.org/Consortium/Legal/. =--> 18 <!--======================================================================--> 19 20 <title id="test-title">$RCSfile: painting-marker-06-f.svg,v $</title> 21 <defs> 22 <font-face 23 font-family="SVGFreeSansASCII" 24 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 <!-- ===================================================================== --> 33 <!-- Define a few simple marker elements --> 34 <!-- ===================================================================== --> 35 <marker id="marker1" viewBox="20 20 10 10" markerWidth="2" markerHeight="2" refX="25" refY="25" markerUnits="strokeWidth"> 36 <rect x="20" y="20" width="10" height="10" fill="purple" stroke="none"/> 37 </marker> 38 <marker id="marker2" viewBox="-5 -5 10 10" markerWidth="2" markerHeight="2" markerUnits="strokeWidth" orient="auto"> 39 <path d="M 0 -5 L 5 5 L -5 5 Z" fill="blue" stroke="none"/> 40 </marker> 41 <marker id="markerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth"> 42 <rect width="10" height="10" fill="purple" stroke="none"/> 43 </marker> 44 <marker id="markerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth"> 45 <circle cx="5" cy="5" r="5" fill="green" stroke="none"/> 46 </marker> 47 <marker id="markerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth"> 48 <path d="M 5 0 L 10 10 L 0 10 Z" fill="blue" stroke="none"/> 49 </marker> 50 </defs> 51 <!-- ===================================================================== --> 52 <!-- Basic Marker Test --> 53 <!-- ===================================================================== --> 54 <text x="170" y="30" font-size="14">Basic Markers</text> 55 <path fill="none" stroke="black" stroke-width="8" marker-start="url(#marker1)" marker-mid="url(#marker1)" marker-end="url(#marker1)" d="M 130 40 L 180 40 L 180 90"/> 56 <!-- ===================================================================== --> 57 <!-- Generate the equivalent SVG --> 58 <!-- ===================================================================== --> 59 <g transform="translate(120,0)"> 60 <path fill="none" stroke="black" stroke-width="8" d="M 130 40 L 180 40 L 180 90"/> 61 <g transform="translate(130,40) scale(8) scale(0.2, 0.2) translate(-5, -5)" fill="none" stroke="black" stroke-width="8"> 62 <rect width="10" height="10" fill="purple" stroke="none"/> 63 </g> 64 <g transform="translate(180,40) scale(8) scale(0.2, 0.2) translate(-5, -5)" fill="none" stroke="black" stroke-width="8"> 65 <rect width="10" height="10" fill="purple" stroke="none"/> 66 </g> 67 <g transform="translate(180,90) scale(8) scale(0.2, 0.2) translate(-5, -5)" fill="none" stroke="black" stroke-width="8"> 68 <rect width="10" height="10" fill="purple" stroke="none"/> 69 </g> 70 </g> 71 <!-- ===================================================================== --> 72 <!-- Start, Middle and End Marker Test --> 73 <!-- ===================================================================== --> 74 <text x="145" y="125" font-size="14">Start, Middle and End</text> 75 <path fill="none" stroke="black" stroke-width="8" marker-start="url(#markerStart)" marker-mid="url(#markerMiddle)" marker-end="url(#markerEnd)" d="M 130 135 L 180 135 L 180 185"/> 76 <!-- ===================================================================== --> 77 <!-- Generate the equivalent SVG --> 78 <!-- ===================================================================== --> 79 <g transform="translate(120,0)"> 80 <path fill="none" stroke="black" stroke-width="8" d="M 130 135 L 180 135 L 180 185"/> 81 <g transform="translate(130,135) scale(8) scale(0.2, 0.2) translate(-5, -5)" fill="none" stroke="black" stroke-width="8"> 82 <rect width="10" height="10" fill="purple" stroke="none"/> 83 </g> 84 <g transform="translate(180,135) scale(8) scale(0.2, 0.2) translate(-5, -5)" fill="none" stroke="black" stroke-width="8"> 85 <circle cx="5" cy="5" r="5" fill="green" stroke="none"/> 86 </g> 87 <g transform="translate(180,185) scale(8) scale(0.2, 0.2) translate(-5, -5)" fill="none" stroke="black" stroke-width="8"> 88 <path d="M 5 0 L 10 10 L 0 10 Z" fill="blue" stroke="none"/> 89 </g> 90 </g> 91 <!-- ===================================================================== --> 92 <!-- Auto Orientation Marker Test --> 93 <!-- ===================================================================== --> 94 <text x="145" y="220" font-size="14">Automatic Orientation</text> 95 <path fill="none" stroke="black" stroke-width="8" marker-start="url(#marker2)" marker-mid="url(#marker2)" marker-end="url(#marker2)" d="M 130 230 L 180 230 L 180 280"/> 96 <!-- ===================================================================== --> 97 <!-- Generate the equivalent SVG --> 98 <!-- ===================================================================== --> 99 <g transform="translate(120,0)"> 100 <path fill="none" stroke="black" stroke-width="8" d="M 130 230 L 180 230 L 180 280"/> 101 <g transform="translate(130,230) rotate(0) scale(8) scale(0.2, 0.2) translate(-5, -5)" fill="none" stroke="black" stroke-width="8"> 102 <path d="M 5 0 L 10 10 L 0 10 Z" fill="blue" stroke="none"/> 103 </g> 104 <g transform="translate(180,230) rotate(45) scale(8) scale(0.2, 0.2) translate(-5, -5)" fill="none" stroke="black" stroke-width="8"> 105 <path d="M 5 0 L 10 10 L 0 10 Z" fill="blue" stroke="none"/> 106 </g> 107 <g transform="translate(180,280) rotate(90) scale(8) scale(0.2, 0.2) translate(-5, -5)" fill="none" stroke="black" stroke-width="8"> 108 <path d="M 5 0 L 10 10 L 0 10 Z" fill="blue" stroke="none"/> 109 </g> 110 </g> 111 </g> 112 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> 113 <text id="revision" x="10" y="340" stroke="none" 114 fill="black">$Revision: 1.9 $</text> 115 </g> 116 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/> 117 <!-- comment out this watermark once the test is approved --> 118 <!--<g id="draft-watermark"> 119 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/> 120 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 121 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text> 122 </g>--> 123 </svg> 124 </body> 125 </html>