Canvas签名板PC与移动端自适应
支持 PC 和移动端的 canvas 签名板，用起来还挺顺手的。样式你可以随心调，颜色、线条粗细都能配着来，不管是写字还是画个小图标都挺丝滑的。响应也快，延迟基本感受不到。适合合同签字、表单确认这类场景，尤其在移动端，手指签名流畅度不错。
代码也不复杂，核心逻辑就是用canvas监听mousedown或touchstart，再配合mousemove/touchmove画线。想自定义样式可以改 CSS，比如调一下border或者设置background-color都方便。
如果你用的是uniapp，可以看看这个模块：uniapp 移动端签名板功能模块，封装得挺完整的。
要在 PC 端集成的话，也可以参考下这个插件：ASP.NET PC 端画布签名插件，思路类似，不过是后端环境不一样。
另外样式适配移动端也别忘了，可以配合这个 CSS 设计技巧看一下：移动端网站 CSS 样式设计。
，这种签名板实现起来不算难，关键是交互要细腻，触控响应得跟手。调试的时候记得多在真机上试试。
文件大小：8.45KB
评论区