将SVG滤镜应用于背景图像

时间:2010-11-23 10:11:15

标签: svg svg-filters

我试图将SVG滤镜(高斯模糊)仅应用于图像的一部分(即背景)。我通过在相同位置附加应用了高斯模糊的剪切SVG图像来实现效果(使其看起来像高斯模糊应用于原始图像)。

这显然效率低下,我正在寻找更好的方法。在阅读了一些SVG文档和示例后,看起来需要enable-background属性,但我非常感谢如何实际实现它!

修改

我正在寻找的效果示例:http://img695.imageshack.us/img695/92/chromeblur.png

1 个答案:

答案 0 :(得分:6)

以下是对它如何在SVG中起作用的详细描述

http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/Filters2.htm

但是SVG支持在所有常见浏览器中仍然不完整。特别是任何常见的浏览器都不支持使用in =“BackgroundImage”和enable-background属性对背景的滤镜效果。