Latest web development tutorials

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