from

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流浏览器均已支持。

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>

用法说明

参见下文
默认值 None
可动画的

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

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

规范

规范
SVG 动画级别 2
# FromAttribute

浏览器兼容性