最新的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元素上使用多个过滤器!