SVG 滤镜简介

• 

  定义和使用

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

  浏览器支持

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

  Internet Explorer	Chrome	FireFox	Safari	Opera
  10.0（含）以上	8.0（含）以上	3.0（含）以上	6.0（含）以上	9.6（含）以上

• 

  SVG 滤镜元素

  在下一章中，我们将仅演示可能的滤镜效果-并为您提供 SVG 可以做什么的想法。

  SVG 中可用的滤镜元素是：

  • <feBlend>-用于合并图像的过滤器
  • <feColorMatrix>-用于颜色转换的过滤器
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset>-过滤阴影
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight>-照明滤镜
  • <fePointLight>-照明滤镜
  • <feSpotLight>-照明滤镜

  提示：您可以在每个 SVG 元素上使用多个滤镜元素！

• 

  相关页面

  SVG 矩形

  SVG 圆

  SVG 椭圆

  SVG 线条

  SVG 多边形

  SVG 折线

  SVG 路径

  SVG 文本