invalidation-of-opacity-0.html (699B)
1 <html class="reftest-wait"> 2 <script> 3 var i = 0; 4 var opac = [0.3, 0.2, 0, 0.3]; 5 6 function f() { 7 document.getElementById("rim").setAttribute("opacity", opac[i]); 8 document.getElementById("circ").setAttribute("r", i + 10); 9 i++; 10 if (i > opac.length) { 11 document.documentElement.className = "" 12 } else { 13 requestAnimationFrame(f); 14 } 15 } 16 onload = () => requestAnimationFrame(f); 17 </script> 18 19 <body> 20 <svg height="1000" width="1000"> 21 <circle cx="50" cy="50" r="40" fill="red" /> 22 <g id=rim clip-path="url(#myClip)" opacity=0> 23 <circle id="circ" cx="150" cy="150" r="40" fill="red" /> 24 </g> 25 <circle cx="250" cy="250" r="40" fill="red" /> 26 </svg>