签名制作 - 在线手写您的签名

这个签名制作工具究竟做了什么

签名板是一个监听指针事件的HTML画布，因此鼠标、触控板、手指和压感触控笔共用同一套代码。您的设备报告的每一个采样点都会连同位置和时间戳一并记录；在高刷新率的数位板上，两帧动画之间堆积的额外采样点还会从合并事件列表里读回来——一个飞快的连笔是按硬件产出的速率被捕捉的，而不是按屏幕重绘的速率。这些原始采样点绝不会用直线连起来。每个采样点成为一段二次贝塞尔曲线的控制点，而曲线穿过相邻采样点之间的中点。正是这种中点构造，让结果读起来像手写字而不是地震仪的记录；又因为每一段都恰好从上一段结束的位置开始，整条笔画不会出现可见的接缝。粗细沿笔画变化。如果您的设备报告的是真正在变化的压力，比如Apple Pencil或数位板笔，那个读数会直接驱动线宽。鼠标恒定报告0.5，很多触摸屏则永远报告同一个固定值，所以有压力字段本身说明不了什么；本工具只在压力于一笔之内确实发生变化时才信任它，否则退回到用指针速度：缓慢从容的曲线画得粗，快速的甩笔画得细，范围在您所选笔尖粗细的40%到160%之间。每一个宽度都会与前一个做滤波，这样单个抖动的采样点不会在线条上留下一个疙瘩。下载时，笔画会以签名板三倍的尺寸在屏幕外重新渲染到一张完全透明的画布上，然后扫描每个像素的alpha通道找出笔迹的包围盒，再按这个盒子加上您选的留白进行裁切。PNG保留它的alpha通道；JPG选项会先把裁切结果画到白底上，因为JPEG完全不支持透明。笔画只存在于页面内存里——不会上传，重新加载标签页就会丢失。