Blur filter is distorting shapes and colors
tomaszwaraksa opened this issue · 1 comments
tomaszwaraksa commented
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
lavrton commented
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.