SVG 滤镜

最后更新于:2022-03-26 22:44:18

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 – 用于照明过滤

Remark 除此之外,您可以在每个 SVG 元素上使用多个滤镜!