animate-interact-pevents-01-t-isvalid.html (12749B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>animate-interact-pevents-01-t-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: animate-interact-pevents-01-t-manual.svg</h1> 9 <svg version="1.1" baseProfile="tiny" 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: animate-interact-pevents-01-t.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 <g font-family="sans-serif" font-size="40" text-rendering="geometricPrecision"> 32 <text x="240" y="40" text-anchor="middle" font-size="20">Test pointer-events on text</text> 33 <g transform="translate(40, -10)"> 34 <g id="first-line"> 35 <text x="50" y="100"> 36 O 37 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 38 </text> 39 <text x="80" y="100" pointer-events="visiblePainted"> 40 O 41 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 42 </text> 43 <text x="110" y="100" pointer-events="visibleFill"> 44 O 45 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 46 </text> 47 <text x="140" y="100" pointer-events="visibleStroke"> 48 O 49 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 50 </text> 51 <text x="170" y="100" pointer-events="visible"> 52 O 53 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 54 </text> 55 <text x="200" y="100" pointer-events="painted"> 56 O 57 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 58 </text> 59 <text x="230" y="100" pointer-events="fill"> 60 O 61 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 62 </text> 63 <text x="260" y="100" pointer-events="stroke"> 64 O 65 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 66 </text> 67 <text x="290" y="100" pointer-events="all"> 68 O 69 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 70 </text> 71 <text x="320" y="100" pointer-events="none"> 72 O 73 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 74 </text> 75 76 <g pointer-events="none"> 77 <rect x="50" y="65" height="40" width="270" fill="green" fill-opacity="0.5" visibility="visible"/> 78 79 <rect x="50" y="65" height="40" width="300" fill="none" stroke="black" visibility="visible"/> 80 </g> 81 </g> 82 83 <g id="second-line" transform="translate(0 60)" fill="none" stroke="black"> 84 <text x="50" y="100"> 85 O 86 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 87 </text> 88 <text x="80" y="100" pointer-events="visiblePainted"> 89 O 90 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 91 </text> 92 <text x="110" y="100" pointer-events="visibleFill"> 93 O 94 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 95 </text> 96 <text x="140" y="100" pointer-events="visibleStroke"> 97 O 98 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 99 </text> 100 <text x="170" y="100" pointer-events="visible"> 101 O 102 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 103 </text> 104 <text x="200" y="100" pointer-events="painted"> 105 O 106 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 107 </text> 108 <text x="230" y="100" pointer-events="fill"> 109 O 110 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 111 </text> 112 <text x="260" y="100" pointer-events="stroke"> 113 O 114 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 115 </text> 116 <text x="290" y="100" pointer-events="all"> 117 O 118 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 119 </text> 120 <text x="320" y="100" pointer-events="none"> 121 O 122 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 123 </text> 124 125 <g pointer-events="none"> 126 <rect x="50" y="65" height="40" width="270" fill="green" fill-opacity="0.5" visibility="visible" stroke="none"/> 127 128 <rect x="50" y="65" height="40" width="300" fill="none" stroke="black" visibility="visible"/> 129 </g> 130 </g> 131 132 <g id="third-line" transform="translate(0 120)" visibility="hidden"> 133 <text x="50" y="100"> 134 O 135 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 136 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 137 </text> 138 <text x="80" y="100" pointer-events="visiblePainted"> 139 O 140 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 141 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 142 </text> 143 <text x="110" y="100" pointer-events="visibleFill"> 144 O 145 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 146 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 147 </text> 148 <text x="140" y="100" pointer-events="visibleStroke"> 149 O 150 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 151 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 152 </text> 153 <text x="170" y="100" pointer-events="visible"> 154 O 155 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 156 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 157 </text> 158 <text x="200" y="100" pointer-events="painted"> 159 O 160 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 161 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 162 </text> 163 <text x="230" y="100" pointer-events="fill"> 164 O 165 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 166 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 167 </text> 168 <text x="260" y="100" pointer-events="stroke"> 169 O 170 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 171 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 172 </text> 173 <text x="290" y="100" pointer-events="all"> 174 O 175 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 176 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 177 </text> 178 <text x="320" y="100" pointer-events="none"> 179 O 180 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 181 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 182 </text> 183 184 <g pointer-events="none"> 185 <rect x="200" y="65" height="40" width="120" fill="green" fill-opacity="0.5" visibility="visible"/> 186 187 <rect x="50" y="65" height="40" width="300" fill="none" stroke="black" visibility="visible"/> 188 </g> 189 </g> 190 191 <g id="fourth-line" transform="translate(0 180)" fill="none" stroke="none"> 192 <text x="50" y="100"> 193 O 194 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 195 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 196 </text> 197 <text x="80" y="100" pointer-events="visiblePainted"> 198 O 199 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 200 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 201 </text> 202 <text x="110" y="100" pointer-events="visibleFill"> 203 O 204 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 205 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 206 </text> 207 <text x="140" y="100" pointer-events="visibleStroke"> 208 O 209 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 210 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 211 </text> 212 <text x="170" y="100" pointer-events="visible"> 213 O 214 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 215 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 216 </text> 217 <text x="200" y="100" pointer-events="painted"> 218 O 219 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 220 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 221 </text> 222 <text x="230" y="100" pointer-events="fill"> 223 O 224 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 225 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 226 </text> 227 <text x="260" y="100" pointer-events="stroke"> 228 O 229 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 230 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 231 </text> 232 <text x="290" y="100" pointer-events="all"> 233 O 234 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 235 <set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/> 236 </text> 237 <text x="320" y="100" pointer-events="none"> 238 O 239 <set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/> 240 <set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/> 241 </text> 242 243 <g pointer-events="none"> 244 <rect x="110" y="65" height="40" width="90" fill="green" fill-opacity="0.5" visibility="visible"/> 245 <rect x="230" y="65" height="40" width="90" fill="green" fill-opacity="0.5" visibility="visible"/> 246 247 <rect x="50" y="65" height="40" width="300" fill="none" stroke="black" visibility="visible"/> 248 </g> 249 </g> 250 </g> 251 </g> 252 </g> 253 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> 254 <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.3 $</text> 255 </g> 256 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/> 257 <!-- comment out this watermark once the test is approved --> 258 <!--<g id="draft-watermark"> 259 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/> 260 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 261 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text> 262 </g>--> 263 </svg> 264 </body> 265 </html>