最适合网络开发者的网站
图。初学者课程

尿素

SVG 筛选器


SVG 过滤器

SVG 过滤器用于为 SVG 图形添加特殊效果。


浏览器支持

表中的数字指定了支持 SVG 过滤器的第一个浏览器版本。

 
SVG 过滤器 8.0 10.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 元素上使用多个过滤器!