from
该属性表示将在动画期间修改的属性的初始值。当与to属性一起使用时,动画会将修改后的属性从from值更改为to值。
用法上下文
Categories  | Animation value attribute  | 
|---|---|
Value  | <value>  | 
Animatable  | No  | 
Normative document  | SVG 1.1 (2nd Edition)  | 
该属性的确切值类型取决于将被动画的属性的值。
实例
此示例使用100作为该from属性的值,使形状动画从宽度100开始。
<?xml version="1.0"?>
<svg width="200" height="200"
  viewPort="0 0 200 200" version="1.1"
  xmlns="http://www.w3.org/2000/svg">
    
  <rect x="10" y="10" width="100" height="100">
    <animate attributeType="XML"
      attributeName="width"
      from="100" to="150"
      dur="3s"
      fill="freeze"/>
  </rect>
    
</svg>适用元素
以下元素可以使用该from属性
<animate>
<animatecolor>
<animatemotion>
<animatetransform>
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com

