SVG 滤镜简介

  • 定义和使用

    SVG 滤镜用于为 SVG 图形添加特殊效果。
  • 浏览器支持

    表格中的数字指定了支持 SVG 滤镜的第一个浏览器版本。
    Internet Explorer Chrome FireFox Safari Opera
    10.0(含)以上 8.0(含)以上 3.0(含)以上 6.0(含)以上 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 元素上使用多个滤镜元素!