masking-path-08-b-isvalid.html (4802B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>masking-path-08-b-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: masking-path-08-b-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: masking-path-08-b.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 32 <defs> 33 <clipPath id="emptyclip"> 34 </clipPath> 35 <clipPath id="hiddenclip"> 36 <rect width="100" height="100" visibility="hidden"/> 37 </clipPath> 38 <clipPath id="displayclip"> 39 <rect width="100" height="100" display="none"/> 40 </clipPath> 41 <clipPath id="opacityclip"> 42 <rect width="100" height="100" opacity="0"/> 43 </clipPath> 44 <clipPath id="strokefillclip"> 45 <rect width="100" height="100" stroke="none" fill="none"/> 46 </clipPath> 47 <clipPath id="strokewidthclip"> 48 <rect x="40" y="40" width="20" height="20" stroke="black" stroke-width="80"/> 49 </clipPath> 50 <clipPath id="strokeopacityclip"> 51 <rect x="40" y="40" width="20" height="20" stroke="black" stroke-opacity="0" stroke-width="80"/> 52 </clipPath> 53 <clipPath id="fillopacityclip"> 54 <rect width="100" height="100" fill-opacity="0"/> 55 </clipPath> 56 </defs> 57 58 <text x="240" y="50" text-anchor="middle">Establishing a new clipping path</text> 59 60 <g transform="scale(0.5) translate(320 200)"> 61 <rect width="100" height="100" fill="lime"/> 62 <rect width="100" height="100" fill="red" clip-path="url(#emptyclip)"/> 63 64 <g transform="translate(110 0)"> 65 <rect width="100" height="100" fill="lime"/> 66 <rect width="100" height="100" fill="red" clip-path="url(#hiddenclip)"/> 67 </g> 68 69 <g transform="translate(220 0)"> 70 <rect width="100" height="100" fill="lime"/> 71 <rect width="100" height="100" fill="red" clip-path="url(#displayclip)"/> 72 </g> 73 74 <!-- This has an intentionally broken clip-path url --> 75 <g transform="translate(0 110)"> 76 <rect x="0.5" y="0.5" width="99" height="99" fill="red"/> 77 <rect width="100" height="100" fill="lime" clip-path="url(#unknown)"/> 78 </g> 79 80 <g transform="translate(110 110)"> 81 <rect x="0.5" y="0.5" width="99" height="99" fill="red"/> 82 <rect width="100" height="100" fill="lime" clip-path="url(#opacityclip)"/> 83 </g> 84 85 <g transform="translate(220 110)"> 86 <rect x="0.5" y="0.5" width="99" height="99" fill="red"/> 87 <rect width="100" height="100" fill="lime" clip-path="url(#strokefillclip)"/> 88 </g> 89 90 <g transform="translate(0 220)"> 91 <rect width="100" height="100" fill="lime"/> 92 <rect width="100" height="100" fill="red" clip-path="url(#strokewidthclip)"/> 93 <rect x="39" y="39" width="22" height="22" fill="lime"/> 94 </g> 95 96 <g transform="translate(110 220)"> 97 <rect width="100" height="100" fill="lime"/> 98 <rect width="100" height="100" fill="red" clip-path="url(#strokeopacityclip)"/> 99 <rect x="39" y="39" width="22" height="22" fill="lime"/> 100 </g> 101 102 <g transform="translate(220 220)"> 103 <rect x="0.5" y="0.5" width="99" height="99" fill="red"/> 104 <rect width="100" height="100" fill="lime" clip-path="url(#fillopacityclip)"/> 105 </g> 106 107 <rect width="320" height="320" fill="none" stroke="black"/> 108 </g> 109 110 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.7 $</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>