SVG 濾鏡

SVG 濾鏡

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