来自

from 属性指示动画期间将被修改的属性的初始值。

与 to 属性一起使用时，动画将把修改后的属性从 from 值更改为 to 值。与 by 属性一起使用时，动画将根据 by 中指定的相对值从 from 值更改属性。

您可以将此属性与以下 SVG 元素一起使用

示例

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" height="100">
    <animate attributeName="width" fill="freeze" from="100" to="150" dur="3s" />
  </rect>
</svg>

使用注意事项

值 见下文
默认值 无
可动画 否

此属性的确切值类型取决于要动画的属性的值。

当通过 values 属性定义值列表时，将忽略 from 属性。

规范

规范
SVG 动画级别 2
# FromAttribute

浏览器兼容性

BCD 表格仅在浏览器中加载