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 元素上使用多個濾鏡!