SVG:set要素 - suto3の大福帳

SVG:set要素

set - SVG: スケーラブルベクターグラフィック | MDN

<set> - SVG: Scalable Vector Graphics | MDN

SVG:animate要素

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:set要素/s.svg

（別画面で開く必要がある）

code:s.svg

<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">

<style>

rect {

cursor: pointer;

}

.round {

rx: 5px;

fill: green;

}

</style>

<rect id="me" width="10" height="10">

<set attributeName="class" to="round" begin="me.click" dur="2s" />

</rect>

</svg>

SVG要素.icon