变换顺序的意义:为什么旋转/缩放与缩放/旋转不同
SVG 中的链接变换涉及在更改元素坐标系的指定顺序。此顺序会显着影响生成的形状。
SVG 规范强调每个变换都应用于当前坐标系,该坐标系是初始坐标系的“副本”。当缩放该坐标系时,随后会围绕缩放后的原点进行旋转。这解释了为什么在给定的示例中,第一个矩形(转换为scale(2, 1)rotate(10deg))出现倾斜。
将初始坐标系视为正方形。缩放 (2, 1) 将其水平拉伸,使其宽度加倍。然后,当我们旋转 10 度时,旋转会围绕缩放后的宽度和高度进行,导致顶点以不同的方式展开,从而产生倾斜效果。
另一方面,当我们先旋转(旋转(10deg)scale(2, 1)) 与第二个矩形一样,旋转围绕初始原点发生,而不受随后的缩放的影响。这会导致矩形简单地按比例放大,而不会出现任何倾斜。
这种差异展示了链接变换时变换顺序的关键作用。为了达到预期的结果,了解每个变换如何影响坐标系至关重要。
以上是为什么变换顺序在 SVG 中很重要:缩放/旋转与旋转/缩放?的详细内容。更多信息请关注PHP中文网其他相关文章!