鼠标按住拖动即可书写，手机/平板可直接用手指。写错了点「撤销」删掉上一笔。
切换画布会清空当前笔迹，请先导出再切换。
写一笔，右侧出结果。
都是「签名」，法律效力完全不是一个级别。
| 方式 | 怎么做 | 效力 | 适合 |
|---|---|---|---|
| 手写签名图片 | 手绘后导出 PNG 贴到文档 | 仅视觉呈现，无法律效力 | 内部审批、非正式确认 |
| 纸质签字扫描 | 打印出来签字再扫描 | 有纸质原件，效力较强 | 合同、正式材料 |
| CA 数字签名 | 电子签章平台实名认证 | 具备法律效力 | 正式电子合同 |
鼠标写字本来就难，这几个技巧能救回不少。
| 技巧 | 做法 | 效果 |
|---|---|---|
| 用触控设备 | 手机手指 / 平板手写笔 | 比鼠标自然得多 |
| 写慢一点 | 匀速拖动，别甩 | 采样点更密，线条更平滑 |
| 笔别太细 | 3~5 之间的粗细 | 太细会显出鼠标抖动 |
| 整体写大 | 占满画布 70% 以上 | 缩到文档里也不会糊 |
⚠️ 免责声明：本工具生成的仅为「手写笔迹图片」，属于视觉呈现，不具备《电子签名法》意义上的法律效力，不能用于需要正式签署的合同、协议、票据等法律文件。
涉及合同、借贷、劳动纠纷、房产交易等重要事项，请使用具备实名认证的电子签章平台或纸质签字。
所有绘制在你的浏览器本地完成，签名笔迹不会上传到任何服务器。
流程审批表要签名、内部确认单要签名、给 PDF 落个款——这种场景要的其实只是一张长得像手写签名的图片，但打开 PS 画半天还画不像，用鼠标在画图里画更是抖得没法看。
这个工具就解决这一件事：用鼠标或手指写下你的名字，直接导出透明背景的 PNG，贴到任何地方都能用。
它是怎么画的？
① 采集轨迹：监听 pointerdown / pointermove / pointerup（同时兼容鼠标与触屏），把每个采样点记下来；
② 平滑处理：直接把采样点用直线连起来会有明显折角，所以本工具取相邻两点的中点作为贝塞尔控制点，用 quadraticCurveTo 画出平滑曲线，写快了也不会出现锯齿；
③ 压力与速度无关：统一按你设定的粗细绘制，保证线条粗细一致（这是「签名图」和「真实笔迹」最大的区别）；
④ 透明画布：画布不铺任何底色，只有笔迹有颜色，其余区域保持透明，导出 PNG 后直接贴在合同、Word、PDF 上，不会带一块白底；
⑤ 撤销：每一笔（从按下到抬起）单独存储为一个笔画对象，撤销就是删掉最后一个笔画再整体重绘。
怎么写得好看一点：
· 能用触屏就用触屏，手指或手写笔比鼠标自然得多；
· 写慢一点，采样点更密，平滑效果更好；
· 笔别太细，3~5 之间最稳，太细会把鼠标的抖动全暴露出来；
· 整体写大，占满画布 70% 以上，缩小贴到文档里才不会糊。
重要提醒：这样生成的只是笔迹图片，属于视觉呈现，不具备法律效力；正式合同请用电子签章平台或纸质签字。
整个流程都在你自己的浏览器里跑，签名笔迹不会上传到任何服务器。
怎么画：
① pointerdown 起笔，新建笔画对象并记起点；
② pointermove 采集点，实时用中点 + quadraticCurveTo 绘制平滑线段；
③ pointerup 收笔，把该笔画压入笔画数组；
④ 撤销 = pop 掉最后一个笔画 → 清空画布 → 重绘剩余笔画；
⑤ 导出时新建等尺寸离屏画布重绘全部笔画，再 toBlob('image/png')，保证导出图不失真、不含 UI 辅助线；
⑥ 统计墨迹外接矩形范围，判断签名是否写得太小。
它不做：不做笔迹压力感应、不做字形美化、不做矢量输出。生成结果不具备法律效力，请勿用于正式合同签署。
审核通过后就会展示在留言板上，稍安勿躁～
还没有留言，来抢沙发吧！