【问题标题】:Applying SVG filter to background image将 SVG 滤镜应用于背景图像
【发布时间】:2011-05-14 09:13:08
【问题描述】:

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

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

编辑:

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

【问题讨论】:

  • 这里有一个很好的例子。
  • 抱歉,因为我是新手,所以最初不允许我附加图片。我已经添加了所需效果的链接
  • imageshack 链接已损坏。应该嵌入(新)图像。

标签: svg svg-filters


【解决方案1】:

这里很好地描述了它应该如何在 SVG 中工作

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-07-27
    • 1970-01-01
    • 2013-10-21
    • 2015-09-19
    • 2021-11-11
    相关资源
    最近更新 更多