3px
电子签名板完整使用指南
本页提供浏览器手写签名画布：可调笔颜色、笔粗细，支持透明背景导出，操作包含「下载签名 (PNG)」「撤销一笔」「清空画布」。笔画保存在内存数组 paths 中，撤销会移除最后一笔并重绘。画布按容器宽度与 devicePixelRatio 缩放以保证清晰度，支持鼠标与触摸。签名在本地 canvas 完成，适合快速生成签名图片，不构成法律意义上的数字证书签名。
控件说明
#penColor：笔迹颜色。#penWidth：线宽滑杆，旁侧#widthVal显示数值。#checkTransparent：导出是否透明背景。#btnDownload：导出 PNG。#btnUndo：撤销最近一笔路径。#btnClear：清空全部路径。- 绘制：按下开始记录点列，移动描边，抬起结束一笔并压入
paths。
推荐步骤
- 先选颜色与线宽，在画布上签写姓名或花签。
- 写错用「撤销一笔」，不要的整板内容用「清空」。
- 若要贴到深色/复杂背景文档，勾选透明背景再下载。
- 下载 PNG 后插入 Word/PDF/表单；需要矢量签名请另用专业工具。
适用场景
- 内部流程单据快速生成签名图
- 演示、教学材料中的手写署名
- 触控板/手机上手写后导出
法律与安全边界
- 这是图像签名，不是 PKI/证书数字签名，不提供不可抵赖保证。
- 重要合同请遵循当地电子签名法规与平台要求。
- 签名图片可能被复制粘贴，注意使用场景与水印策略。
- 笔画仅在当前页面内存；刷新会丢失未下载内容。
常见问题
手机上能签吗？
支持触摸事件坐标；建议横屏并提高线宽以便书写。
为什么导出发糊？
页面已按 devicePixelRatio 缩放；若仍糊，可能是插入文档时被二次拉伸，请按原始像素放置。
撤销能多步吗？
可以连续点撤销，每次去掉最后一笔；没有“反撤销/重做”栈。
透明背景不生效？
确认已勾选透明选项后再下载；部分查看器会把透明显示成黑/白底，请用支持 alpha 的软件打开。
签名会上传吗？
绘制与导出在本地 canvas 完成，下载到你的设备；请自行保管生成的 PNG。
能导出 SVG 吗？
当前主流程是 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。内部审批流可用；对外法律文书请走正式电子签平台。