Scaling along the Y axis after rotation in Pixi.js

Question

I'm trying to create an isometric grid by rotating the 45 ° square and then zooming out (vertically) along the Y axis. However, the Pixi.js I use seems to scale along the local coordinate system after rotation, resulting in a square. which looks distorted rather than compressed.

Is there a way to sequentially apply transformations (first rotate and then scale Y) to Pixi.js or another method that would allow me to scale along the vertical Y after rotation?

I am currently using the .rotation and .scale properties of a Graphics object for my conversion.

Answer 1

. , , .

• Pixi.Container, Sprite/Graphics.
• Sprite/Graphics Y.
• !