文档叠加素材
导出透明 PNG 后放到演示稿、图片或允许插图的文档中作为手写签名图层。
使用指南
手写签名生成器用于在浏览器画板中记录鼠标、手指或触控笔的笔迹,并导出透明 PNG、白底 JPG 或矢量 SVG。页面按需加载 signature_pad,会适配设备像素比和窗口尺寸;尺寸变化时先保存笔迹数据、重设画布,再回放笔迹。触控区域禁用了页面滚动手势,移动端可以直接书写。
更新于 2026-09-10约 2 分钟读完
| 输入 | 输出 | 说明 |
|---|---|---|
| 手写笔迹 | 签名.png |
背景透明 |
| 同一笔迹 | 签名.jpg |
导出前铺白色背景 |
| 同一笔迹 | 签名.svg |
来自 signature_pad 的矢量路径 |
minWidth 为粗细 ×0.4、maxWidth 为 ×1.3。signature_pad 的一组 stroke 数据为单位,一次删除最后一笔,不是像素级橡皮擦。导出透明 PNG 后放到演示稿、图片或允许插图的文档中作为手写签名图层。
在平板或手机横屏上手写并导出,保留原始笔迹而不是套用字体。
PNG 保留透明背景;JPG 导出时先填充白色,因此适合不支持透明图层的系统。
实现会在重设高分屏画布前保存 stroke 数据并回放,正常缩放不会故意丢失笔迹。
笔迹只存在当前浏览器画布和内存中,导出由浏览器本地完成,不上传服务器。
更新于 2026-09-10
在线手写电子签名,笔色粗细可调,导出透明 PNG / 白底 JPG / SVG
鼠标、手指或触控笔均可书写,触控笔支持压感变线宽
移动端提示:书写区域已禁用页面滚动手势,可直接用手指签名;横屏书写体验更佳。