Svg 对父节点枢轴点上的子节点动画（旋转、缩放和平移）的影响

您好，我正在制作dom树中的子节点的动画。我想知道对其父节点轴心点的影响

假设父节点具有轴心点px和py。 那么什么是影响px和py的时候

子节点转换为tx和ty距离。 子节点通过其轴心点cx和cy在x-y方向上按sx和sy缩放。 通过将cx更改为cx'并将cy更改为cy'，然后旋转角度alpha来缩放子节点。

---

我不知道你说支点的时候在想什么。如果使用旋转变换旋转某个对象，则默认情况下该对象将围绕原点旋转，除非明确提供旋转点

变换=旋转角度、cx、cy

其中cx和cy是可选的

---

如果更改子元素，则父元素仍将围绕原点或设置为围绕其旋转的显式点旋转。

我说的是围绕其进行缩放的轴点。假设您已根据其轴点cx和cy缩放子节点。这也会导致px和py发生变化，您可以验证这一点，因为在对子节点执行缩放后，如果您尝试缩放父节点相对于px和py，您将获得与缩放子节点之前不同的行为。我认为如果您提供一个示例，您会得到更好的答案我已经解决了这个问题。如果按tx和ty平移子节点，则轴心点将从其最后位置按tx和ty移动。