← 返回项目列表
计算机视觉
Canvas 涂鸦与图像滤镜
在画布上自由绘画，并实时套用灰度、反色、马赛克等滤镜，模拟计算机视觉预处理。
技术说明
实现思路
- 绘画通过监听 pointer 事件在 Canvas 上绘线；滤镜则是读取 getImageData 拿到像素数组，对 RGBA 逐像素运算后写回。
- 灰度用经典加权平均（0.299R+0.587G+0.114B），马赛克按块取平均色填充，反色用 255 减去原值。
- 这套像素操作正是许多 CV 预处理（二值化、边缘检测）的基础，把它做成可视化能帮助理解『模型看到的是什么』。