<set>
<set> SVG 元素提供了一種在指定持續時間內設定屬性值的方法。
它支援所有屬性型別，包括那些無法合理插值（例如字串和布林值）的屬性。對於可以合理插值的屬性，通常更傾向於使用 <animate>。
注意： <set> 元素是非累加的。不允許使用 additive 和 accumulate 屬性，如果指定了它們也將被忽略。
使用語境
| 分類 | 動畫元素 |
|---|---|
| 允許內容 | 可包含任意數量、任意順序的下列元素 描述性元素 |
屬性
改為-
此屬性定義了在動畫持續時間內要應用於目標屬性的值。該值必須符合目標屬性的要求。值型別：<anything>；預設值：無；可動畫：否
DOM 介面
此元素實現了 SVGSetElement 介面。
示例
html
<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 動畫級別 2 # SetElement |
瀏覽器相容性
載入中…