SVG 过滤器


SVG 滤镜

SVG 滤镜用于为 SVG 图形添加特殊效果。


浏览器支持

表中的数字指定支持 SVG 过滤器的第一个浏览器版本。

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

SVG 滤镜元素

在接下来的章节中,我们将仅演示一些可能的滤镜效果 - 并让您了解 SVG 可以做什么。

SVG 中可用的过滤元素有:

  • <feBlend> - 用于组合图片的过滤器
  • <feColorMatrix> - 颜色变换过滤器
  • <feComponentTransfer>
  • <fe复合>
  • <feConvolveMatrix>
  • <fe漫反射照明>
  • <feDisplacementMap>
  • <洪水>
  • <高斯模糊>
  • <fe图片>
  • <fe合并>
  • <形态学>
  • <feOffset> - 阴影过滤器
  • <feSpecularLighting>
  • <feTile>
  • <fe湍流>
  • <feDistantLight> - 照明过滤器
  • <fePointLight> - 照明过滤器
  • <feSpotLight> - 照明滤镜

提示:您可以在每个 SVG 元素上使用多个过滤器!