Bug: Small ellipse is not smooth, When a large scale transform is applied to the container

[F-star]

Current Behavior

Small ellipse is not smooth, When a large scale transform is applied to the container, but also rounded rectangle.

Expected Behavior

be smooth

Steps to Reproduce

const container = new PIXI.Container()
container.setFromMatrix(
    new PIXI.Matrix().scale(78, 78)
)

const ellipseGraphics = new PIXI.Graphics().ellipse(3, 3, 6, 6).stroke();

container.addChild(ellipseGraphics)

Environment

• pixi.js version: 8.1.0
• Browser & Version: Chrome 124.
• OS & Version: MacOS 14.4.1
• Running Example: https://pixiplayground.com/#/edit/CiNBzQRpaPgwI6bQkAsRU

Possible Solution

Maybe we should generate more segments when scale is large.

Additional Information

No response

[bigtimebuddy]

This is working as intended. All curves need to be triangulated like this. But Pixi also draws curves adaptively (based on how large the curve is). The suggestion here is either to 1) draw the curve at the largest size and scale down, or 2) adjust the adaptive curve settings to your desired needs. There is performance cost in rendering too many points which is why we don't do it by default.

[F-star]

OK, thank you!