手写签名

在屏幕上手写签名,调粗细与墨色,一键导出透明背景的 PNG。

签名区域

用鼠标或手指书写,支持压感笔;写错了可以撤销单笔或整体清空。

1 最细,8 最粗

导出背景

透明 PNG 适合叠到合同或表单上,白底适合直接打印。

还没有笔画,在虚线区域里写一个名字试试。

使用说明

  1. 在签名区域按住鼠标或手指书写,抬笔即完成一笔。
  2. 拖动「笔画粗细」滑块调整线条,1 到 8 之间实时生效,只影响之后写的笔画。
  3. 写错时点「撤销一笔」退回上一笔,点「清空」重新开始。
  4. 默认导出透明背景 PNG;需要打印或贴到白底文档时勾选「使用白底」。
  5. 点「下载 PNG」保存到本地,文件名是 signature.png,不会上传到任何服务器。

常见问题

签名会被保存或上传吗?
不会。笔画只存在当前页面的内存里,刷新即清空,也不写入 localStorage。下载动作由浏览器本地完成,没有任何网络请求。
导出的图片能当正式电子签名用吗?
图片签名适合内部表单、送货单、设计稿批注这类场景。涉及合同效力时,通常需要符合电子签名法要求的可靠电子签名,由 CA 机构签发证书,单纯一张 PNG 不具备同等效力,正式文件请走合规平台。
手机上能写吗?
能。页面用指针事件处理鼠标、手指与压感笔,签名区域已禁用触摸滚动,写字时不会误触发页面滑动。横屏空间更大,写长签名更方便。
为什么建议导出透明背景?
透明 PNG 叠到合同、表格或深色背景上不会出现白框。需要打印或对方要求白底时,再勾选「使用白底」导出一次即可,两种格式可以各存一份。

使用步骤

  1. 在画布上书写

    按住鼠标或手指在签名区域书写,抬笔完成一笔。画布已禁用触摸滚动,写字时页面不会跟着滑动。

  2. 调粗细与墨色

    拖动滑块在 1 到 8 之间调笔画,颜色可选黑、蓝、红。修改只影响之后写的笔画,已写的保持不变。

  3. 撤销与重写

    写坏一笔点「撤销一笔」退回,整张重来点「清空」。笔画按顺序保存,撤销总是去掉最后一笔。

  4. 选择导出背景

    默认导出透明 PNG,适合叠到合同或表单上;需要打印或对方要白底时勾选「使用白底」。

  5. 下载保存

    点「下载 PNG」保存为 signature.png。文件在本地生成,不走服务器,也不会留下草稿。

工具详细介绍

很多流程卡在一个签名上:内部审批单要负责人签字,送货单要收货人确认,设计稿要客户点头。打印、签字、扫描、回传,一圈下来半天就没了。手写签名工具把这几步压成一次书写,签完直接下载图片,贴进文档或邮件即可。异地协作、居家办公、临时外出时尤其省事,也不用为了一个签名专门跑一趟。签名图片还能重复使用,常签的文件存一份模板即可。

本页用画布记录每一笔的坐标、粗细与颜色,抬笔时把笔画存进数组,撤销就是去掉最后一项再整体重绘。导出时新建一张同尺寸画布,按需先铺白底再逐笔重绘,最后转成 PNG。整个过程没有网络请求,笔画只存在内存里,刷新页面即清空,也不写入本地存储。担心笔迹留痕的人可以放心使用,公共电脑上也不会留下任何草稿。

原理与背景

电子签名在法律上有明确分层。中国电子签名法把可靠电子签名定义为满足真实身份、专有控制、可检测篡改等条件的数据电文,通常由 CA 机构签发数字证书来保证。手写图片签名只是把笔迹变成像素,无法证明是谁签的,也无法发现事后替换。内部流转、签收确认这类低风险场景可以用,涉及合同效力时应当走合规的电子签名平台。

图片签名的质量取决于分辨率与背景处理。画布按 1200 像素宽生成,贴进 A4 文档时约合 150 到 200 DPI,打印够用但不适合大幅面输出。透明背景省去抠图,白底适合直接打印。笔迹边缘的抗锯齿由浏览器绘制,放大后会略微发虚,需要更高精度时把画布尺寸调大再签一次。签名线条太细时调高笔画粗细,缩到文档里才不会消失,细节也更稳。

典型使用场景

  1. 内部审批单

    报销单、请假单需要负责人签字,负责人却在外地。把表单发过去,对方在手机上签完下载 PNG,回传后贴进文档,流程从一天缩短到几分钟,也不用打印扫描。

  2. 送货签收

    快递或送货上门时,收货人当场在平板上签名,图片随订单一起归档。比纸质签收单好保存,也不用事后扫描,查记录时直接翻附件就能看到当时的笔迹。

  3. 设计稿确认

    客户确认设计稿时,让其在稿件旁签个名再回传,比一句「可以」更有约束力。透明 PNG 叠在稿件角落,不遮挡内容,也方便存档,后续出现争议时也有据可查。

使用技巧

  • 签名区域横向更宽时写起来更自然,手机可以横屏,签名的连笔不容易挤在一起。
  • 正式文件建议用黑色,蓝色适合区分原件与复印件,红色多用于批注而不是签名。
  • 导出透明 PNG 后先叠到目标文档上预览一次,确认大小与位置再正式使用。

注意事项

  • 把图片当合法电子签名

    PNG 签名无法验证签署人身份,也无法发现文件被替换。劳动合同、借款协议这类文件需要可靠电子签名,图片只能用于内部确认,别拿它替代合规流程。

  • 导出白底叠在深色文档上

    白底 PNG 放到深色页面或图片上会留下一个白方块,非常显眼。叠图场景一律用透明背景,只有打印或纯白文档才选白底。导出后先在目标文档里试放一次,确认边缘干净再发出去。

  • 签得太小或太糊

    在小画布上写再放大,笔迹会发虚。先在当前画布写满一些,导出后按目标尺寸缩放,贴进文档时保持清晰。反复截屏与压缩会让边缘出现杂色,尽量直接用导出的 PNG。

相关工具