最高效的WEB程序员学习网站
SVG手册 HTML5手册
 

SVG滤镜简介


SVG滤镜是用来对SVG图像添加一些特殊效果。


浏览器支持情况

下面列出的版本号是各种浏览器对SVG滤镜特征支持的最低版本。

 
SVG滤镜 8.0 10.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滤镜都可以混合使用!