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