Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blur filter is distorting shapes and colors #1799

Open
tomaszwaraksa opened this issue Jul 26, 2024 · 1 comment
Open

Blur filter is distorting shapes and colors #1799

tomaszwaraksa opened this issue Jul 26, 2024 · 1 comment

Comments

@tomaszwaraksa
Copy link

tomaszwaraksa commented Jul 26, 2024

Blur filter applied to a simple shape (green circle) results in a distorted shape and weird yellow colors added on the borders.

Another circle, implemented as custom shape using HTML5 canvas wrapped in Konva.Image and with blur filter applies, is rendered correctly.

Code to reproduce the issue:
https://jsbin.com/ladixireqi/1/edit?html,js,output

image

@lavrton
Copy link
Member

lavrton commented Jul 26, 2024

It looks like this is the side effect of the algorithm that is used for blur. For performance reasons, I don't want to change to full Gaussian Blur.

As the workaround, you can use your own implementation of blur filter.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants