Set 元素

2025 年 3 月 17 日 | 阅读 1 分钟

set 元素用于设置非数值属性或特性。

它在特定时间将最初不可见的文本项设置为可见文本项，而不需要 "from" 和 "to" 元素。

<set> 元素只需要一个 "to" 属性和适当的时间信息。

示例

<!DOCTYPE html>
<html>
<title>SVG Animation</title>
<body>
<svg height="450" width="450">

<rect x="50" y="40" width="60" height="60"
 style="fill: purple; fill-opacity: .4; stroke: black;">
<animate attributeName="width" attributeType="XML"
 begin="0s" dur="4s" from="60" to="0" fill="freeze"/>
<animate attributeName="height" attributeType="XML"
 begin="0s" dur="4s" from="60" to="0" fill="freeze"/>
</rect>

<text text-anchor="middle" x="60" y="60" style="visibility: hidden;">
<set attributeName="visibility" attributeType="CSS"
 to="visible" begin="4.5s" dur="1s" fill="freeze"/>
 All gone!

</text>
</svg>
</body>
</html>

立即测试

下一个主题animateTransform 元素

← 上一个下一个 →