SVG 教程login
SVG 教程
作者:php.cn  更新時間:2022-04-18 17:51:50

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 - 用於照明過濾
  • # 除此之外,您可以在每個SVG 元素上使用多個濾鏡!

lamp.gif#