14、SVG 滤镜

SVG 滤镜 可以给 SVG 图形的添加特殊效果

SVG 滤镜

SVG有很多的滤镜,但本教程只会展示其中的两三种,其他的需要你可以依葫芦画瓢的使用

我们只需要记住 SVG 能提供什么样的滤镜,然后等到需要用到的时候再来查询手册

SVG 可用的滤镜是

  • feBlend - 与图像相结合的滤镜
  • feColorMatrix - 用于彩色滤光片转换
  • feComponentTransfer
  • feComposite
  • feConvolveMatrix
  • feDiffuseLighting
  • feDisplacementMap
  • feFlood
  • feGaussianBlur
  • feImage
  • feMerge
  • feMorphology
  • feOffset - 过滤阴影
  • feSpecularLighting
  • feTile
  • feTurbulence
  • feDistantLight - 用于照明过滤
  • fePointLight - 用于照明过滤
  • feSpotLight - 用于照明过滤

info: 可以在每个 SVG 元素上混合使用上面这些滤镜