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

SVG的可用滤镜

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

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