在线电子签名板
手写签名并导出透明背景 PNG 图像，完美适配 Word、PDF 及各类电子合同。
3px
手写签名并导出透明背景 PNG 图像，完美适配 Word、PDF 及各类电子合同。
本页提供浏览器手写签名画布：可调笔颜色、笔粗细，支持透明背景导出，操作包含「下载签名 (PNG)」「撤销一笔」「清空画布」。笔画保存在内存数组 paths 中，撤销会移除最后一笔并重绘。画布按容器宽度与 devicePixelRatio 缩放以保证清晰度，支持鼠标与触摸。签名在本地 canvas 完成，适合快速生成签名图片，不构成法律意义上的数字证书签名。
#penColor：笔迹颜色。#penWidth：线宽滑杆，旁侧 #widthVal 显示数值。#checkTransparent：导出是否透明背景。#btnDownload：导出 PNG。#btnUndo：撤销最近一笔路径。#btnClear：清空全部路径。paths。支持触摸事件坐标；建议横屏并提高线宽以便书写。
页面已按 devicePixelRatio 缩放；若仍糊，可能是插入文档时被二次拉伸，请按原始像素放置。
可以连续点撤销，每次去掉最后一笔；没有“反撤销/重做”栈。
确认已勾选透明选项后再下载；部分查看器会把透明显示成黑/白底，请用支持 alpha 的软件打开。
绘制与导出在本地 canvas 完成，下载到你的设备；请自行保管生成的 PNG。
当前主流程是 PNG 下载，不是 SVG 路径导出。
画布元素 #signatureCanvas 放在 #canvasBox 内。resize 会按容器宽度与 devicePixelRatio 设置实际像素，保证高分屏清晰。指针事件：start 开笔、draw 记点描边、end 结束并把一笔压入内存路径数组；redraw 在撤销或尺寸变化后整板重绘。#penColor 改颜色，#penWidth 改线宽并同步 #widthVal。#checkTransparent 控制导出是否透明底。#btnDownload 导出 PNG；#btnUndo 去掉最后一笔；#btnClear 清空全部路径。无 localStorage 持久化——刷新即丢未下载笔画。
需要贴到彩色页眉/深色页时勾选透明再下载，避免白底方块。插入 Word/PDF 时尽量按原始像素放置，二次放大易发糊。触控设备可提高线宽、横屏书写；鼠标精细签可略降线宽。连续撤销可多步回退，但没有「重做」栈，误撤只能重签。本页主路径是 PNG，不是 SVG 矢量路径，也不是带证书的数字签名。
图像签名可被复制粘贴，重要合同请遵循当地电子签名法规与平台要求。不要把本页当 PKI/不可抵赖方案。公共电脑签完请清空画布并删除本机临时 PNG。内部审批流可用；对外法律文书请走正式电子签平台。