W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

SVG 滤镜



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> - 用于照明过滤
Note 提示: 您可以对每个 SVG 元素使用多个滤镜!