blob: b3f71653f4214c0283ead06fa465a027001c433a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml" class="reftest-wait">
<title>Mutating the 'pathLength' attribute ('path' element)</title>
<h:link rel="help" href="https://svgwg.org/svg2-draft/paths.html#PathLengthAttribute"/>
<h:link rel="match" href="reference/pathlength-path-mutating-ref.svg"/>
<path pathLength="800" d="M100,100h100v100h-100z" fill="none"
stroke="blue" stroke-width="20" stroke-dasharray="25"/>
<script>
requestAnimationFrame(() => {
requestAnimationFrame(() => {
document.querySelector('path').setAttribute('pathLength', 200);
document.documentElement.classList.toggle("reftest-wait");
});
});
</script>
</svg>
|