<set>

SVG 的 <set> 元素提供了一种简单的方法,只需在指定持续时间内设置属性的值。

它支持所有属性类型,包括那些无法合理插值的类型,例如字符串和布尔值。对于可以合理插值的属性,通常更喜欢使用 <animate>

注意:<set> 元素是非累加的。additiveaccumulate 属性不允许使用,如果指定则会被忽略。

示例

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>

属性

to

此属性定义要在动画持续时间内应用于目标属性的值。该值必须与目标属性的要求匹配。值类型<anything>默认值:无;可动画

使用上下文

类别动画元素
允许的内容任意数量的以下元素,以任意顺序
描述性元素

规范

规范
SVG 动画级别 2
# SetElement

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅