File: invalidation-of-opacity-0.html

package info (click to toggle)
firefox 141.0.3-1
  • links: PTS, VCS
  • area: main
  • in suites: sid
  • size: 4,550,588 kB
  • sloc: cpp: 7,426,506; javascript: 6,367,238; ansic: 3,707,351; python: 1,369,002; xml: 623,983; asm: 426,918; java: 184,324; sh: 64,488; makefile: 19,203; objc: 13,059; perl: 12,955; yacc: 4,583; cs: 3,846; pascal: 3,352; lex: 1,720; ruby: 1,071; exp: 762; php: 436; lisp: 258; awk: 247; sql: 66; sed: 54; csh: 10
file content (26 lines) | stat: -rw-r--r-- 699 bytes parent folder | download | duplicates (23) 
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>