最新的Web開發教程
 

SVG過濾器


SVG過濾器

SVG過濾器用於添加特殊效果SVG圖形。


瀏覽器支持

在表中的數字規定,支持SVG過濾器的第一個瀏覽器版本。

SVG Filters 8 10.0 3.0 6 9.6

SVG濾芯

在接下來的章節中,我們將只展示一個觸摸的濾鏡效果是可能的 - 給你的東西可以用SVG來完成的想法。

在SVG中可用的過濾器元件是:

  • <feBlend> - 篩選合成圖像
  • <feColorMatrix> - 過濾器顏色轉換
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - 過濾器陰影
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> - 過濾照明
  • <fePointLight> - 過濾照明
  • <feSpotLight> - 過濾照明

提示:您可以將每個SVG元素上使用多個過濾器!