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