返回免费在线工具集合

电子签名

用鼠标或触屏手写签名,可调笔迹粗细与颜色,导出透明背景 PNG,可直接贴进合同与文档。

效率 独立定制 输出:图片文件 免费使用 发布时间: 阅读量:6 作者:马慧
正在加载工具…

深蓝与 6

砚白设计的简凝要补一枚签名叠到设计确认单上,不想带白底盖住底图。只有两个输入:笔迹颜色 "#1f3a5f"、粗细 "6",后者直接进 ctx.lineWidth。颜色值非法会静默回退 "#111111",不报错也不提示。这里没有色板、没有预览、也没有"已应用"的回执,填完只能靠下一笔的颜色反推生效没有。

设置笔迹颜色与粗细

透明画布的边界

写字那块底层是固定 "720×260" 像素的位图,没有 DPR 适配,也不随窗口自适应;靠 cv.width / r.width 换算坐标,被 CSS 缩放后笔迹仍跟手。画布从不铺底色,起步全透明,浅色页面里可能连边界都看不清。提示行只给一句"在下方框内按住鼠标或手指书写。",没有网格、辅助线或示例签名。放大看会发糊,别当矢量用。

确认 720×260 签名画布

落笔只画匀粗线

按住拖动就画、松开停笔,事件只绑 mousedown/mousemove 与 touchstart/touchmove,没有 Pointer Events、压感和笔锋,线头线尾固定圆头,每笔都是匀粗。本回用真实鼠标轨迹写了主笔加下划线,非透明像素 "10704",说明笔迹确实落在画布上,其余区域仍是全透明。写坏一笔不能 Ctrl+Z,只能点"清空"整张重来;空画布也能导出,照样给一张全透明的 PNG。

按住鼠标写出签名

去下载列表找文件

底部两颗按钮是"清空"和"下载透明 PNG"。点后者走 canvasBlob(cv,'image/png') 出图,导出名是 "signature.png",页面不给改名,全程留在这台机器里没有上传。透明底靠 PNG 的 alpha 通道加上画布不铺底色。可 exp() 不改写 info,导出后不弹"已保存"、不显示文件名、提示也不刷新,界面看着跟没点过一样;直接去浏览器下载列表找文件最稳。刷新页面笔迹就没了,先存好。

点「下载透明 PNG」导出

企业知识网( www.qiyezhishi.com )提供的结果为参考性内容,不构成法律、税务或投资建议。具体请以主管部门口径与最新法规为准。

本文作者

马慧,企业知识网站长,10年+SEO/GEO经验,精通白帽SEO与网站优化,擅长全网营销与短视频引流,曾打造日均万IP的SEO博客(小小课堂网)、十万IP泛流量资讯网站(错误博客)。自川来熟食连锁店长,5年熟食生产与管理经验,精通抖音本地生活服务运营。