search

konvajs / konva

Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
http://konvajs.org/
Other
11.43k stars 918 forks source link

Broken shadow after crop in safari #1747

Open danarosca opened 5 months ago

danarosca commented 5 months ago
Screenshot 2024-04-16 at 13 09 01 Screenshot 2024-04-16 at 13 08 30

If there are some crop properties, shadow effect is unable to go outside of image size. I am using only konva library. Any ideea what can cause this issue? it work on chrome and FireFox, but not in safari :( I've attached an example from Chrome ( expected result) and one from Safari.

danarosca commented 5 months ago
Screenshot 2024-04-16 at 19 35 31 Screenshot 2024-04-16 at 19 35 46

Also, here are image props in for both browsers. @lavrton can you help me please?

lavrton commented 5 months ago

Can you make online demo?

danarosca commented 5 months ago

unfortunately it's very hard for me since this is only a small part. But the idea is that after having the crop props, I make sure they are relative to original image size and than I set them as props for Image node ( basically this is the only change I made and after this change, shadow is gone). And it's strange that it works in other browsers :(