SVG animateTransform 相对值是什么？

Question

SVG animateTransform 相对值是什么？

5

有没有办法将animateTransform的变换值变成相对值？比如20%，30%而不是像素值。

例如，

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

在这段代码中，是否有办法以相对值方式定义 from 和 to 的值。谢谢。

- OctaHeliX

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Erik Dahlström · Accepted Answer

目前，transform 属性不接受百分比，但一旦 CSS Transforms 被定义为适用于 SVG 内容，这很可能会改变。

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

您可能会发现 SVG Primer 章节中的动画对学习 SVG 动画有所帮助。