电子签名生成器 - 在线工具

手写签名转透明 PNG / SVG / Base64:自动裁剪留白、笔迹平滑带笔锋,可直接插入文档

使用说明

电子签名生成器:在方框里手写签名,一键生成**透明背景的 PNG**,还有矢量版 SVG 与 Base64 编码,可直接插入 Word、WPS、PDF 或表单。笔色、笔宽、背景色都能调,写错了可以逐笔撤销。

比普通签名板多做一件事:**自动裁剪留白**。手写方框通常比签名大得多,笔迹只占中间一小块 —— 直接把整块画布导成图片,插进文档后四周全是透明边距,还得自己再裁一遍。本工具按笔迹的真实边界裁剪再留出统一内边距,并如实告诉你裁掉了多少留白(通常能省掉 80% 以上的空白面积),输出高度还能指定 160 / 200 / 300 / 400 / 600 px。

笔迹不是简单的折线:先用 **Chaikin 切角平滑**去掉采样产生的硬折角,再按书写速度给出每一段的粗细(写得快细、写得慢粗),并让起笔收笔略微收细,接近真实签名的笔锋 —— 需要规整草稿体时可以关掉笔锋改用等宽。矢量 SVG 同样带笔锋:把变宽笔画描成填充路径,所以放多大都不会糊。

PNG 与 SVG 共用同一份裁剪框与比例,构图完全一致;PNG 以 3 倍超采样渲染后再缩放,细笔画边缘不会出现锯齿。所有绘制都在你的浏览器与本机服务之间完成,签名不会上传到第三方。

常见问题

签名背景是透明的吗?插进 Word / PDF 会不会带白底?

默认就是透明背景的 PNG,插入 Word、WPS、PDF 或在线表单后会自动和文档底色融合,不会出现白框。如果需要白底或米黄底(例如打印后手签),在「背景色」里选即可,SVG 也会同步带上底色。

为什么导出的签名四周没有大片空白?

因为工具会按笔迹的实际边界自动裁剪。手写方框一般比签名大得多,默认的整块画布导出会留下大量透明边距,插入文档后还要手动再裁一次。本工具裁剪后只保留统一的内边距,结果面板里会显示裁掉了多少留白。

PNG 和 SVG 该选哪个?

两者构图完全一致,区别只在用途:PNG 是位图,任何软件都支持,适合直接插入 Word、PDF、表单;SVG 是矢量,放多大都不糊,适合再导入设计稿、打印或做电子签章。要 Base64 的话点一下就复制到了剪贴板,可直接粘进 HTML 或接口参数。

手机上能签吗?

可以。签名板同时支持鼠标、触屏与手写笔(用 Pointer 事件统一处理),手机上用手指直接写即可。参考站点的 PC 端要求按住鼠标右键书写,会与浏览器右键菜单冲突,本工具用左键书写。

写坏了怎么办?能改笔迹颜色和粗细吗?

「撤销」逐笔回退,「清空」一键重来。笔宽可拖动调节(1~20 px),笔色可自选 —— 改色只会影响之后的笔画,已经写好的笔画保持原色,所以可以先写名字再用不同颜色写日期。开启「笔锋」时笔画会随书写速度变粗细,追求规整的话可以关掉。

签名会被上传保存吗?

不会保存。笔迹只在生成文件时提交给你本机运行的服务端做裁剪与平滑渲染,返回图片数据后即丢弃,既不写数据库也不落盘,也没有第三方统计。

同类工具