Image Cropper Overlaps Rotated Image Boundaries in Fabric.js

[osamakhn97]

In this issue, I am seeking guidance and assistance with a custom image cropper implementation using Fabric.js. The image cropper, implemented as an extension of the Fabric.js image object, functions flawlessly at zero degrees rotation. However, when the image is rotated to any non-zero degree, the cropping boundaries overlap with the image itself, leading to undesired results. I suspect that the problem lies in how coordinate transformations are handled during the rotation process, but I am unable to pinpoint the exact cause. I am looking for insights, suggestions, and code examples to help me properly restrict the cropping boundaries while the image is rotated. Any assistance from the community would be highly appreciated. Thank you for your time and expertise in resolving this issue.
Cropping is working fine, infact every functionality is working fine only I need to restrict the boundaries so that cropeer must not get out of the image boundaries.

[lh-sn]

I have implemented cropping on V6. Solution could be more complex that what you have right now. Can you share a reproduction for the issue you are facing?

[ShaMan123]

Can this be done by rendering another layer onto the image cache?

[ShaMan123]

Might be also possible using group... but more work I think

[lh-sn]

Rendering another layer onto the image cache works. About grouping, not sure. seems like it may not work

[ouyoungs]

We are planning to release cropping controls... @asturur

is this released now ?

[Arkit-Sutariya]

Hello @lh-sn
Could you kindly share the URL for your cropping demo created with V6?