Canvas画板与图像编辑功能示例
canvas 的画板功能，挺适合用来做涂鸦板、签名板之类的轻交互场景。用户能直接用鼠标或手指在屏幕上画线，监听个mousedown、mousemove事件就能搞定，逻辑也不复杂，体验还不错。
canvas 的图片编辑能力也蛮强的，像裁剪、加滤镜、调亮度这些，都可以通过getImageData和putImageData去做。想简单点，用context.filter配合drawImage也能快速搞出一堆效果。
压缩包里放了一堆例子，不管是基础的画线、绘图，还是高级点的图像，基本都能找到。PC、移动端都有考虑，触摸和响应式也做了适配。想上手 canvas，用这些例子练手还挺合适的。
建议你跑一下代码看看效果，尤其是移动端那块，操作起来和 PC 端细节还挺不一样的。要是你项目里也有图像的需求，可以考虑用canvas.toDataURL()把图片转成 Base64 传给后端，方便又高效。
文件大小：166.21MB
评论区