在 Pixi.js 中旋转后沿 Y 轴缩放

Question

我正在尝试通过将正方形旋转 45° 然后在（垂直）Y 轴上按比例缩小来创建等距网格。但是，我使用的 Pixi.js 似乎在旋转后沿局部坐标系缩放，导致正方形看起来倾斜而不是压扁。

有没有办法在 Pixi.js 中按顺序应用变换（先旋转，然后缩放 Y），或者有其他方法可以让我在旋转后沿垂直 Y 缩放？

我目前正在使用 Graphics 对象的 .rotation 和 .scale 属性进行转换。

Answer 1

我自己想出了一个解决方案。不是我想要的，而是一个简单的解决方案。

1. 创建一个 Pixi.Container，您可以将 Sprite/Graphics 添加到其中。
2. 旋转 Sprite/Graphics，然后在 Y 轴上缩放 Container。
3. 瞧！