SVG animateTransform 相对值？

Question

有什么办法可以制作 animateTransform 的变换 值(value)转化为相对值(value)？像 20%,30% 以外的 px 值。

例如，

<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 Primer动画章节有助于学习更多关于 SVG 动画的知识。