SVG animateTransform相对值?

时间:2011-10-31 09:42:55

标签: svg

有没有办法将 animateTransform的转换值转换为相对值?像px值一样20%,30%。

例如,

<animateTransform
            attributeName="transform"
            begin="0s"
            dur="3s"
            type="translate"
            from="0 -330"
            to="0 0"
            repeatCount="1" 
        />

在此代码中,是否有任何方法可以在相对值中定义值。感谢。

1 个答案:

答案 0 :(得分:1)

目前,transform属性不接受百分比,但一旦定义了CSS Transforms,它就可能会改变,以便它适用于svg内容。

您可以使用'by'(而不是from-to)动画来执行(非百分比)相对值,并且可以累积动画效果。

您可能会发现有关动画的SVG Primer章节有助于了解有关SVG动画的更多信息。