1、SVG滤镜:
feBlend:与图像相结合的滤镜
feColorMatrix:用于彩色滤光片转换
feComponentTransfer
feComposite
feConvolveMatrix
feDiffuseLighting
feDisplacementMap
feFlood
feGaussianBlur:模糊滤镜
feImage
feMerge:多滤镜叠加滤镜
feMorphology
feOffset:过滤阴影
feSpecularLighting
feTile
feTurbulence
feDistantLight:用于照明过滤
fePointLight:用于照明过滤
FeSpotLight:用于照明过滤
feBlend滤镜的模式:
-
normal 正常
-
multiply 正片叠底
-
screen 滤色
-
darken 变暗
-
lighten 变亮
滤镜的属性:
属性 | 作用 |
---|---|
x/y | 提供左上角的坐标来定义在哪里渲染滤镜效果(默认值:0) |
width/heigh | 绘制滤镜容器框的宽高(默认都为100%) |