uni-app Canvas签名板点不动、画不出线因默认不响应触摸事件，需手动启用touch监听，且H5与小程序平台行为不一致；iOS真机需加disable-scroll或catchtouchmove防误滚动；H5须用addEventListener绑定事件；App端createCanvasContext需传this上下文；保存图片时各端API不同，需按平台适配；清空后线条变粗因未重置ctx样式或clearRect不全；iOS延迟高因touchmove节流及rAF失效，应标记重绘并统一draw；坐标系差异易致签名偏移。
uni-app里Canvas签名板为什么点不动、画不出线
因为canvas在uni-app中默认不响应触摸事件，必须手动启用touchstart/touchmove监听，且H5和小程序平台行为不一致。iOS真机上还容易因catchtouchmove缺失导致页面误滚动。
- 在
<canvas></canvas>标签上显式添加disable-scroll="true"（App端）或catchtouchmove（微信小程序），否则手指一滑就触发页面滚动，线条直接断掉 - H5平台需用
canvas.addEventListener('touchstart', ...)，不能只靠@touchstart绑定——Vue指令在H5下对canvas原生事件支持弱 - App端（如iOS）要调用
uni.createCanvasContext时传入this上下文，否则drawImage或stroke可能静默失败
uni-app Canvas签名怎么保存为图片（base64或文件）
保存失败的主因是：不同平台canvas.toTempFilePath（小程序）和canvas.toDataURL（H5）接口不统一，且App端必须用uni.canvasToTempFilePath而非canvas实例方法。
- 微信小程序：用
uni.canvasToTempFilePath，传入{ canvasId: 'sign-canvas', success }，不能直接调wx.canvasToTempFilePath - H5：先用
canvas.toDataURL('image/png')拿到base64，再用uni.downloadFile转成本地临时路径（如需保存到相册） - App端（Android/iOS）：必须确保
canvas宽高是整数，且width/height属性值与style中设置一致，否则uni.canvasToTempFilePath返回空路径
签名板清空后再次绘制线条变粗或偏移
这是ctx.lineWidth和ctx.lineCap未重置，或clearRect没覆盖全画布导致的残影。尤其在多次beginPath后忘记closePath，路径会累积叠加。
- 每次清空后执行
ctx.clearRect(0, 0, canvasWidth, canvasHeight)，不要只靠ctx.beginPath() - 在
touchstart回调开头重置样式：ctx.lineWidth = 2; ctx.lineCap = 'round'; ctx.strokeStyle = '#000' - 避免在
touchmove里反复调用ctx.moveTo和ctx.lineTo而不ctx.stroke()——应攒够点再批量绘制，否则高频触发导致卡顿+线条抖动
uni-app签名板在iPhone上手写延迟高、断线严重
iOS WebView对touchmove节流严格，且requestAnimationFrame在部分iOS版本中不触发canvas重绘，导致笔迹“跳着走”。
- 把
touchmove逻辑包裹进requestAnimationFrame，但别在里面直接调ctx.stroke()——改为标记“需重绘”，在rAF回调里统一draw - 启用
canvas的webgl渲染模式（App端）：canvas-type="2d"换成canvas-type="webgl"可提升iOS绘制帧率 - 禁用
css过渡动画（比如父容器有transition），iOS会强制降级为CPU渲染，拖慢整个canvas响应
最麻烦的是各端canvas坐标系差异：H5用clientX/clientY，小程序要用touches[0].x，App端还得减去canvas相对视口的偏移——这个计算一旦出错，签名就完全偏了，而且不容易一眼看出来。
