我试图通过将正方形旋转 45° 然后在(垂直)Y 轴上按比例缩小来创建等距网格。然而,我使用的 Pixi.js 似乎在旋转后沿局部坐标系缩放,导致正方形看起来倾斜而不是被压扁。
有没有一种方法可以在 Pixi.js 中按顺序应用变换(首先旋转,然后缩放 Y),或者是否有其他方法可以让我在旋转后沿垂直 Y 进行缩放?
我目前正在使用 Graphics 对象的 .rotation 和 .scale 属性来进行转换。
最佳答案
我自己想出了一个解决方案。不是我想要的,而是一个简单的解决方案。
- 创建一个 Pixi.Container,您可以将 Sprite/Graphics 添加到其中。
- 旋转 Sprite/Graphics,然后在 Y 轴上缩放 Container。
- 瞧!
关于javascript - 在 Pixi.js 中旋转后沿 Y 轴缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39369787/