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

[shaikh-amaan-fm]

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]

same here

[japolea]

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]

I have the same problem

[gouz7514]

Any workaround about this issue?

[kaiserkiwi]

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?