在Firefox上的SVG图像模糊

本文介绍了在Firefox上的SVG图像模糊的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我想使用建议的。

HTML

 < img class =blursrc =http://css-plus.com/examples/2012/03/gaussian-blur/i/fence.jpg/>

CSS

.blur { filter：url（http://d2oujmlvvb0w9i.cloudfront.net/images/v4/blur.svg#blur） }

有任何帮助吗？

谢谢

方案

Firefox不支持HTML内容的跨源过滤器。从相关的博客帖子：

I am trying to blur an image on Firefox using the SVG technique proposed here.

However this very simple example is not working on Firefox (I am version 25) JSFiddle.

HTML

<img class="blur" src="http://css-plus.com/examples/2012/03/gaussian-blur/i/fence.jpg" />

CSS

.blur {
    filter: url("http://d2oujmlvvb0w9i.cloudfront.net/images/v4/blur.svg#blur")
}

Any help?
Thank you

解决方案

Firefox does not support cross origin filters for HTML content. From the relevant blog post:

这篇关于在Firefox上的SVG图像模糊的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！