浏览器实际上包含了滤波器的实现,因为 web Audio API 里面定义了声波的滤波。这意味着可以通过浏览器,将
和
- lowpass
运用于图像。
- highpass
使得图像的高频区域变成低频,即色彩变化剧烈的区域变得平滑,也就是出现模糊效果。
- lowpass
上图中,红线是原始的色彩曲线,蓝线是低通滤波后的曲线。
正好相反,过滤了低频,只保留那些变化最快速最剧烈的区域,也就是图像里面的物体边缘,所以常用于边缘识别。
- highpass
上图中,红线是原始的色彩曲线,蓝线是高通滤波后的曲线。
下面这个网址,可以将滤波器拖到图像上,产生过滤后的效果。
浏览器实现滤波的范例代码,可以看这个仓库。
(完)
来源: https://juejin.im/entry/5a30920c6fb9a0451c3a60a8