Svg 如何改变情感的起点？

我试图改变动画的起点，可以在

问题是如何使蓝色圆圈从它自己的位置开始，而不是捕捉到另一个位置，然后动画开始

Svg和位置 圆有自己的起始位置：

其坐标（起点）由cx和cy

circle cx="215.5" cy="231.6"

但这是由transform属性操纵的：

transform="matrix(1, 0, 0, 1, 181.136, 199.592)"

动画开始的路径由animateMotion的路径定义

路径中第一个协调的两个是路径的起点：

animateMotion Path="M181.50000762939544 -291.6000061035156 [...]"

当然可以，但是我该怎么解决这个问题呢？ 让我们从移除圆上的变换开始。自动生成程序喜欢使用这些，这使得人类无法计算坐标

然后更改圆的起始位置，使其与路径上的动画起始位置匹配。

Svg和位置 圆有自己的起始位置：

其坐标（起点）由cx和cy

circle cx="215.5" cy="231.6"

但这是由transform属性操纵的：

transform="matrix(1, 0, 0, 1, 181.136, 199.592)"

动画开始的路径由animateMotion的路径定义

路径中第一个协调的两个是路径的起点：

animateMotion Path="M181.50000762939544 -291.6000061035156 [...]"

当然可以，但是我该怎么解决这个问题呢？ 让我们从移除圆上的变换开始。自动生成程序喜欢使用这些，这使得人类无法计算坐标

---

然后更改圆的起始位置，使其与路径上的动画起始位置相匹配。

使用运动路径时，如果将圆的起始位置设置为（0,0），则圆的起始位置总是非常容易。这样就消除了许多半复杂的算术运算，以补偿动画元素和运动路径之间的差异

让我们先假设点在左侧（9点钟位置）。运动路径如下所示：

---

使用运动路径时，如果将其从（0,0）开始，则始终会变得更容易。这样就消除了许多半复杂的算术运算，以补偿动画元素和运动路径之间的差异

让我们先假设点在左侧（9点钟位置）。运动路径如下所示：

完美，消除了很多疑问。非常感谢：）完美，消除了很多疑问。非常感谢：）