HTML SVG<filter>

SVG 元素用于定义过滤器。要唯一标识过滤器使用 id。过滤器在 def 元素中定义。

句法：

SVG 提供了一些过滤器。

以下是常用过滤器的列表。

• 混合
• 颜色矩阵
• feComponentTransfer
• 复合材料
• feConvolve矩阵
• 漫射照明
• feDisplacementMap
• 洪水
• 高斯模糊
• 图像
• 合并
• 形态学
• feOffset – 阴影过滤器
• feSpecularLighting
• feTile
• 湍流
• 远光
• fePointLight
• 聚光灯

属性：

• filterUnits：定义过滤影响区域的单位。它为过滤器内的各种长度值和定义过滤器子区域的属性指定坐标系。
• primitiveUnits：定义过滤影响区域的单位。它为过滤器内的可变长度值和定义过滤器子区域的属性指定坐标系。
• x：过滤器边界框的 x 轴。
• y：过滤器边界框的 y 轴。
• 宽度：边界框的宽度。
• 高度：边界框的高度。
• filterRes：过滤区域的编号。
• xlink:href：引用另一个过滤器。

例子：

输出：

示例：不同的形状和自定义阴影。

输出：