from
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 |
浏览器兼容性
加载中…