SVG 滤镜

本节我们学习 SVG 中滤镜，SVG 滤镜是滤镜中的一个类型，用来向形状和文本添加特殊的效果。

SVG的可用滤镜

在 SVG 中，可用滤镜如下所示，我们可以同时在每个 SVG 元素中使用多个滤镜：

滤镜	描述
feBlend	把两个对象组合在一起，使它们受特定的混合模式控制
feColorMatrix	基于转换矩阵对颜色进行变换，每一像素的颜色值都经过矩阵计算出新颜色
feComponentTransfer	重新定义所有四个颜色通道R、G、B和A
feComposite	用于将两个图像相交，接受两个输入，in 和 in2
feConvolveMatrix	应用了一个矩阵卷积滤镜效果
feDiffuseLighting	SVG 滤波器原始灯使用alpha通道作为凹凸贴图的图像
feDisplacementMap	是一个位置替换滤镜，用于改变元素和图形的像素位置
feFlood	实用程序过滤器，用于使用颜色和不透明度基本填充过滤器子区域
feGaussianBlur	显示模糊效果
feImage	从外部来源取得图像数据，并提供像素数据作为输出
feMerge	允许同时应用滤镜效果而不是按顺序应用滤镜效果
feMorphology	用来腐蚀或扩张输入图像
feOffset	显示阴影效果
feSpecularLighting	使用alpha通道作为凹凸贴图源图形，生成的图像是基于浅色的 RGBA 图像
feTile	允许以填补输入图像的重复，平铺图案的目标矩形
feTurbulence	利用Perlin噪声函数创建了一个图像
feDistantLight	定义了一个距离光源，可以用在灯光滤镜 <feDiffuseLighting> 元素或<feSpecularLighting> 元素的内部
fePointLight	定义了一个光源，其允许创建一个点光源的效果
feSpotLight	定义了一个光源，其允许创建一个聚光灯效果