Borders of my image get white color

[miranos]

Hi When i use stackblur from my pc all work well and have nice blur since only text of image get blured. But when use it from my phone, the canvas have many white color and border of image's background too.

Any fix please or trick to avoid this?

[flozz]

Hello,

Have you some example that trigger the bug?

[miranos]

Here the code on jsfiddle

https://jsfiddle.net/f5xzrx08/

Here my result when i blur an image that have blue background and text on it: http://i.imgur.com/lhmGSIl.png

But when i blur it from my pc there no white effect in the border of background.

[flozz]

I am not able to reproduce neither on my PC or my phone. It is maybe specific to some js engine or browser...

What is your phone model? your OS / OS version? your browser / browser version?

[miranos]

I am testing it on Samsung Tab 3, chrome latest version.

Is there a way to change the white blur to my background color to prevent this ?

Or any solution ?

[bneill2]

+1 for this issue, only seen on images that have transparency.

[flozz]

Hi,

@bneill2 are you able to reproduce the issue on the @miranos example? if not, have you an other example that trigger this issue?

[zhangxinxu]

@flozz here is the demo, https://www.zhangxinxu.com/study/202109/blur.html the white and black border appeared when canvas have transparency。