Javascript 将svg坐标更改为ONED

我有一个路径和外来对象的SVG

Onclick

，它会触发一个动画，然后通过使用

onend

属性调用函数来相应地更新坐标。这与路径对象的工作原理相同，但当我尝试调用函数来更新外来对象的坐标时，它无法正确渲染-它们出现在错误的位置，即使代码显示了正确的x和y值，并且它们不再位于路径对象的顶部。我怎样才能纠正这个问题

---

此jsfiddle说明了问题：

请在问题中添加一个。这里发生的事情太多了，它只是一个链接，而不是问题本身的一部分。我已经玩了两个多小时了。。。添加了很多

console.log（）

。。。我已经修好了。。。但是仍然有一个恼人的“轻弹”发生在ONED上，我不知道如何修补它。看我的…，所以我就让它像这样…；）请在这个问题上加一句。这里发生的事情太多了，它只是一个链接，而不是问题本身的一部分。我已经玩了两个多小时了。。。添加了很多

console.log（）

。。。我已经修好了。。。但是仍然有一个恼人的“轻弹”发生在ONED上，我不知道如何修补它。看我的…，所以我就让它像这样…；）