search

tsayen / dom-to-image

Generates an image from a DOM node using HTML5 canvas
Other
10.21k stars 1.68k forks source link

backdrop-filter:blur property's effect is missing in results. #379

Open shaikh-amaan-fm opened 3 years ago

shaikh-amaan-fm commented 3 years ago

This css property shows it's effect when toSvg() is used and the svg part of the result is viewed directly without using <img> tag. As soon as you create data uri of that svg and put it as the source for an <img> tag, this property's effects are not shown in image.

This happens in Chrome. Firefox do not have direct support for backdrop-filter property yet.

igisho commented 2 years ago

same here

japolea commented 2 years ago

Having the same issue as you can see here https://toolsforsocial.com/text-to-images

First is blurred as DOM while rendering, the blur is removed. Please help

Carlos-Henreis commented 2 years ago

I have the same problem

gouz7514 commented 2 years ago

Any workaround about this issue?

kaiserkiwi commented 2 years ago

Same problem here. I tried to overcome this with filter: blur(25px); on the main element, but the result is sadly completely different because of the way the property works.

Has anyone an idea how we can overcome this?