为什么变换顺序在 SVG 中很重要：缩放/旋转与旋转/缩放？

变换顺序的意义：为什么旋转/缩放与缩放/旋转不同

SVG 中的链接变换涉及在更改元素坐标系的指定顺序。此顺序会显着影响生成的形状。

SVG 规范强调每个变换都应用于当前坐标系，该坐标系是初始坐标系的“副本”。当缩放该坐标系时，随后会围绕缩放后的原点进行旋转。这解释了为什么在给定的示例中，第一个矩形（转换为scale(2, 1)rotate(10deg)）出现倾斜。

将初始坐标系视为正方形。缩放 (2, 1) 将其水平拉伸，使其宽度加倍。然后，当我们旋转 10 度时，旋转会围绕缩放后的宽度和高度进行，导致顶点以不同的方式展开，从而产生倾斜效果。

另一方面，当我们先旋转（旋转(10deg)scale(2, 1)) 与第二个矩形一样，旋转围绕初始原点发生，而不受随后的缩放的影响。这会导致矩形简单地按比例放大，而不会出现任何倾斜。

这种差异展示了链接变换时变换顺序的关键作用。为了达到预期的结果，了解每个变换如何影响坐标系至关重要。

以上是为什么变换顺序在 SVG 中很重要：缩放/旋转与旋转/缩放？的详细内容。更多信息请关注PHP中文网其他相关文章！