blob: 2dcbe4407909a43850f97a9a87e798f8cf713769 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml" class="reftest-wait"
width="100" height="100">
<title>Mutating the 'pathLength' attribute ('rect' element)</title>
<h:link rel="help" href="https://svgwg.org/svg2-draft/paths.html#PathLengthAttribute"/>
<h:link rel="match" href="reference/pathlength-rect-mutating-ref.svg"/>
<rect y="50" width="200" height="100" fill="red"
stroke="green" stroke-width="100" stroke-dasharray="100"
pathLength="4800"/>
<script>
requestAnimationFrame(() => {
requestAnimationFrame(() => {
document.querySelector('rect').setAttribute('pathLength', 600);
document.documentElement.classList.toggle("reftest-wait");
});
});
</script>
</svg>
|
