from

« SVG属性参考

这个属性是在svg动画发生过程中被修改的属性的初始值。当同时使用了这个属性和  to 属性, animation将会修改这个这个设定的动画属性的值从from属性的值到to属性的值。

用法

这个属性的准确的值类型取决于这个属性将要被用作动画的属性的值。

例子

这个例子给from属性了一个100的值，让动画从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>