本节我们学习 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 | 定义了一个光源,其允许创建一个聚光灯效果 |
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。