1494062-blob-image-wraplist-clip.html (763B)
1 <html class="reftest-wait"> 2 <head> 3 <script type="text/javascript"> 4 window.addEventListener("MozReftestInvalidate", function() { 5 window.requestAnimationFrame(function() { 6 var xmlns = "http://www.w3.org/2000/svg"; 7 var circleElm = document.getElementById("green_circle"); 8 circleElm.setAttribute("clip-path", "url(#quarter)"); 9 window.requestAnimationFrame(function() { 10 document.documentElement.removeAttribute('class'); 11 }); 12 }); 13 }); 14 </script> 15 </head> 16 <body> 17 <svg width="200" height="200" id="root"> 18 <defs> 19 <clipPath id="quarter"> 20 <rect x="0" y="0" width="50" height="50"/> 21 </clipPath> 22 </defs> 23 <circle cx="50" cy="50" r="40" fill="green" id="green_circle"/> 24 <rect x="150" y="150" width="10" height="10" fill="red"/> 25 </svg> 26 </body> 27 </html>