react-advanced-cropper icon indicating copy to clipboard operation
react-advanced-cropper copied to clipboard

[bug] Image in FixedCropper appears blurry when zooming

Open richardhenry opened this issue 5 months ago • 0 comments

Thanks for open sourcing this great library!

There is a bug in the FixedCropper where the zoomed image will appear blurrier than the original. I see the same issue in the docs website examples, so this isn't specific to my implementation.

Example 1 (from my own implementation)

Before zooming:

Screenshot 2024-09-04 at 5 39 33 PM

After zooming:

Screenshot 2024-09-04 at 5 39 41 PM

The original image has a lot more detail and clarity:

Screenshot 2024-09-04 at 5 40 54 PM

When exporting from the cropper with getCanvas() the detail looks good, so this seems to just be a rendering issue.

Example 2 (from the docs website)

It's a little less obvious in the documentation because the image is lower resolution to begin with (and I think also because the rendered cropper is larger), but you can see pixelation in the cropper view:

Screenshot 2024-09-04 at 5 42 23 PM

When viewing the original image, the clarity is better:

Screenshot 2024-09-04 at 5 42 27 PM

Let me know if I can provide any further information. I'm not including my own code since this issue is also visible in the example from the docs website, but let me know if that would be helpful.

richardhenry avatar Sep 05 '24 00:09 richardhenry