旋转 Pixi.js 后沿 Y 轴缩放
Scaling along Y-axis after rotating in Pixi.js
我正在尝试通过将正方形旋转 45° 然后在（垂直）Y 轴上缩小来创建等距网格。但是，我正在使用的 Pixi.js 似乎在旋转后沿局部坐标系缩放，导致正方形看起来倾斜而不是被压扁。
有没有一种方法可以在 Pixi.js 中按顺序应用变换（首先旋转，然后缩放 Y），或者有其他方法可以让我在旋转后沿垂直 Y 进行缩放？
我目前正在使用 Graphics 对象的 .rotation 和 .scale 属性进行转换。
我自己想出了一个解决方案。不是我想要的，而是一个简单的解决方案。
- 创建一个 Pixi.Container，然后将 Sprite/Graphics 添加到其中。
- 旋转 Sprite/Graphics 然后在 Y 轴上缩放 Container。
- 瞧！
我正在尝试通过将正方形旋转 45° 然后在（垂直）Y 轴上缩小来创建等距网格。但是，我正在使用的 Pixi.js 似乎在旋转后沿局部坐标系缩放，导致正方形看起来倾斜而不是被压扁。
有没有一种方法可以在 Pixi.js 中按顺序应用变换（首先旋转，然后缩放 Y），或者有其他方法可以让我在旋转后沿垂直 Y 进行缩放？
我目前正在使用 Graphics 对象的 .rotation 和 .scale 属性进行转换。
我自己想出了一个解决方案。不是我想要的，而是一个简单的解决方案。
- 创建一个 Pixi.Container，然后将 Sprite/Graphics 添加到其中。
- 旋转 Sprite/Graphics 然后在 Y 轴上缩放 Container。
- 瞧！