SVG animateTransform 相对值？

Question

有没有办法让animateTransform的变换值变成相对值？除了 px 值外，还有 20%、30%。

举个例子，

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

在此代码中，是否有任何方法可以定义相对值中的起始值和终止值。谢谢。

Answer 1

目前，transform 属性不接受百分比，但一旦定义 CSS Transforms 以使其适用于 svg 内容，这种情况可能会发生变化。

不过，您可以使用“by”（而不是“from-to”）动画来执行（非百分比）相对值，并且可以累积动画效果。

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