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

Question

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

有没有办法在Pixi.js中顺序应用变换（首先旋转，然后缩放Y），或者另一种方法可以让我在旋转后沿着垂直Y进行缩放？

我目前使用Graphics对象的.rotation和.scale属性来完成我的转换。

Answer 1

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

1. 创建一个将您的Sprite/Graphics添加到的Pixi.Container。
2. 旋转Sprite/Graphics，然后在Y轴上缩放容器。
3. Voilá！