Animation SVG同步两个同时涉及缩放和平移的动画

我无法同步涉及缩放和转换的SVG转换。三角形的顶点从点（967491）平移到（900100），同时png图像也应与顶点一起平移，但在移动时也应向下或向上缩放

为了获得png图像的原始位置，我正确地使用了公式-centerX*（比例因子-1）、-centerY*（比例因子-1）。这是动画之前的原始位置。但当运动开始时，我无法计算它的最终位置

谁能帮我解决这个问题

三角
1234

首先，让您的生活更轻松，并给图像一个x/y位置，使其中心位于0，i。e<代码>x=“-26.5”y=“-48”。然后，

比例

将不会导致图像位置发生任何变化。将

也移动到

元素内部，这样图像和文本的相对位置保持不变

将该组的坐标原点视为移动的单点，它可以与三角形的移动顶点相同：

transform=“translate（967491）”

之后，一个动画可以缩放图像，另一个将

元素移动到其动画位置。可以使用与移动顶点相同的坐标

三角
1234

首先，让您的生活更轻松，并给图像一个x/y位置，使其中心位于0，i。e<代码>x=“-26.5”y=“-48”。然后，

比例

将不会导致图像位置发生任何变化。将

也移动到

元素内部，这样图像和文本的相对位置保持不变

将该组的坐标原点视为移动的单点，它可以与三角形的移动顶点相同：

transform=“translate（967491）”

之后，一个动画可以缩放图像，另一个将

元素移动到其动画位置。可以使用与移动顶点相同的坐标

三角
1234

太棒了。我只是想知道你为什么要写上面的图片，因为我在刚写完之后就写了，但它没有按预期工作。但是无论如何，非常感谢。这个职位没有什么不同。动画始终应用于其直接父元素。这只是一个可读性的问题-这样动画就在它所应用的属性之下。谢谢你，先生，你太棒了。扩展这个，我正在创建一个小动画。您看到的数字是递增的，即它们将是递增计数器。因此，我使用了setInterval，事实上我尝试了多种方法，但是SVG屏幕变得不稳定。关于这方面的问题，你能给我指点一下吗。我在年为这篇文章写了一篇新文章，如果你能研究一下的话——非常感谢，我认为这里有一个类似的问题，但没有绝对完美的解决方案。我只是想知道你为什么要写上面的图片，因为我在刚写完之后就写了，但它没有按预期工作。但是无论如何，非常感谢。这个职位没有什么不同。动画始终应用于其直接父元素。这只是一个可读性的问题-这样动画就在它所应用的属性之下。谢谢你，先生，你太棒了。扩展这个，我正在创建一个小动画。您看到的数字是递增的，即它们将是递增计数器。因此，我使用了setInterval，事实上我尝试了多种方法，但是SVG屏幕变得不稳定。关于这方面的问题，你能给我指点一下吗。我已经为这篇文章创建了一个新的帖子，所以，如果你能研究一下的话——非常感谢，我认为这里有一个类似的问题，但没有解决办法