手写签名

功能

• 鼠标、手指、触控笔都能写（触控屏上不会滚页面，笔迹不断）
• ⚠️ 笔迹做了平滑（二次贝塞尔过中点），放大不出折线锯齿
• 导出默认透明底 PNG，可直接叠在文档上；也可切白底
• 导出时自动裁掉四周空白，内边距可调
• 墨色可选（墨黑 / 签字笔蓝 / 红），粗细可调
• 可撤销最后一笔或整体清空
• 高分屏导出按 devicePixelRatio 出图，不会糊
• 笔迹太短时会提示 —— 避免导出到一张几乎空白的图
• 全部在浏览器本地完成，笔迹不上传

使用方法

1. 在框里写你的名字（鼠标、手指或触控笔都行）
2. 需要就调墨色、粗细，以及导出的背景与留白
3. 写错了点「撤销一笔」或「清空」
4. 点「下载 PNG」拿到透明底的图片

常见问题

导出的是透明底还是白底？

默认透明底，这样叠在文档上不会挡住底下的内容，也能直接放进 PDF 或 Word 里当图片用。⚠️ 屏幕上那个棋盘格就是「这里是透明的」的提示 —— 这是这类工具最常见的困惑来源（看着像有底色，下下来却没有）。要白底就在「背景」里切一下。

为什么导出时会自动裁掉空白？

因为画板比签名大得多：不管的话你会得到一张 1920×1080 里签了个小字的图，还得自己再裁一遍。裁的时候会把笔画的粗细也算进去（否则会把笔画的边缘切掉），并留一圈可调的内边距。想让签名在最终图片里靠边、或者干脆保留整块画布，把内边距调到 0 或调大即可。

写出来的字放大看有锯齿吗？

不会。指针事件的采样点很密（120 Hz 的触控笔一秒能报几百个点），直接连直线会得到一条抖动的折线，而且放大后非常明显。这里先把过近的采样点去掉，再用经过中点的二次贝塞尔把它们连成曲线，所以放大看仍然是平滑的。另外导出时按屏幕的像素密度出图，在高分屏上也不会糊。

能和「图片签名」一起用吗？

可以，而且正好互补：如果你手上只有写在纸上的签名照，先用「图片签名」把它抠成透明底；如果只想快速弄一枚电子签名，直接用这个画。两者的产物形态是一样的（透明底 PNG），拿到哪个都能接着用。