Canvas 手写签名 Canvas 手写签名，支持清空与导出。 精选 图形
← Demo 归档 
Canvas 手写签名
Canvas 手写签名，支持清空与导出。
新窗口打开
原路径
/static/html/canvas-draw-signature.html 在线预览
全屏打开
简介
基于 Canvas 的手写签名板：监听 pointer / touch / mouse 事件绘制路径，支持清空与导出图片。适合移动端签名、电子协议等场景。
如何测试验证
- 在画布上用鼠标或手指书写，确认线条跟手、无明显断点。
- 点击清空，画布应恢复空白。
- 导出为 PNG / DataURL，在新标签页或 img 中预览。
- 旋转手机或缩放窗口，检查坐标换算是否错位（devicePixelRatio）。