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

Question

嗨我正在为dom树中的子节点设置动画。我想知道它对父节点枢轴点的影响。

假设父节点具有轴点px和py。 那么当

时对px和py有什么影响呢

1. 子节点转换为tx和ty距离。
2. 子节点由sx和sy在x-y方向上缩放，其轴心点为cx和cy。
3. 子节点通过将cx更改为cx'和cy到cy'进行缩放，然后旋转角度α。

Answer 1

当你说支点时，我不确定你在想什么。如果使用旋转变换旋转某些内容，则默认情况下它会围绕原点旋转，除非您明确提供旋转点

transform="rotate(angle, cx, cy)"

其中cx和cy是可选的

如果你更改了一个子元素，那么父元素将会围绕你设置它旋转的原点或显式点进行旋转。