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>
【SVG设置元素用法示例】立即测试
推荐阅读
- SVG模糊效果用法示例
- SVG序列转换用法示例
- SVG缩放转换用法示例
- SVG脚本编写示例和解释
- SVG围绕中心点缩放用法示例
- 最佳家居装修应用软件下载推荐合集（让你装修房子更轻松）
- 21个最佳Photoshop插件下载推荐（可节省你的工作时间）
- Android最佳离线RPG游戏下载推荐合集（哪些最好玩（））
- Android设备的最佳育儿应用软件下载推荐合集（哪个最好用（））