konvajs/konva

Blur filter is distorting shapes and colors

tomaszwaraksa opened this issue · 1 comments

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

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.