Rotating an object adds unexpected padding to its bounds

Expected Behavior

If you call getBounds() on an object you rightly get it’s bounding box parameters. I’d expect the bounds to be tight to the object whether it is rotated or not.

Current Behavior

Padding seems to be added to the object.

Possible Solution

The only thing I can think of is that pixi is generating a raster of the object and using the raster as the dimensions for calculating the bounding box even though it has the actual dimensions of the object and could use those for calculating the dimensions of the bounding box.

Perhaps this isn’t even a bug, but rather just an unexpected side effect. I just thought I should report it in case it wasn’t a known issue.

Steps to Reproduce

Create an object. Stick it in a container. Rotate the container. getBounds on the container.

https://jsfiddle.net/en1sx9jr/

Environment

• pixi.js version: 6.0.1
• Browser & Version: Safari 14.0.3 or Chrome or Firefox
• OS & Version: Mac OS 11.2.2
• Running Example: https://jsfiddle.net/en1sx9jr/

[rizen]

@ivanpopelyshev basically every vector program (Illustrator, Inkscape, Corel Draw). I realize Pixi isn’t a vector editor. But unlike standard raster programs it actually maintains the properties of the shapes it draws, so it could be more accurate, like vector programs.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.