署名メーカー - オンラインで署名を手書き

この署名メーカーが実際に行っていること

パッドはポインターイベントを受け取るHTMLキャンバスなので、マウス、トラックパッド、指、筆圧対応スタイラスのすべてを1つの処理で扱えます。端末が報告するすべてのサンプルが座標とタイムスタンプ付きで記録され、高リフレッシュレートのデジタイザーでは、2つの描画フレームの間にたまった追加サンプルもcoalescedイベントのリストから読み出します。素早い筆さばきは、画面の再描画速度ではなくハードウェアが出力した速度で記録されるということです。これらの生のサンプルは直線でつながれることはありません。各サンプル点は2次ベジェ曲線の制御点となり、曲線は隣り合うサンプルの中点を通ります。この中点構成こそが、結果を地震計の記録ではなく手書き文字らしく見せている要素であり、各区間が前の区間の終点から正確に始まるため、線に継ぎ目が見えません。太さは線に沿って変化します。Apple Pencilやペンタブレットのペンのように、端末が本当に変化する筆圧を報告する場合は、その値が直接線幅を決めます。マウスは常に0.5を返し、多くのタッチ画面は固定値をずっと返し続けるため、筆圧の項目があること自体は何の証明にもなりません。このツールは、ストローク中に実際に値が変動する場合にのみ筆圧を信用し、そうでなければポインターの速度にフォールバックして、ゆっくり丁寧な曲線を太く、素早い払いを細く、選んだペンの太さの40〜160パーセントの範囲で描きます。各時点の幅は直前の値との間でならされるので、1つのぶれたサンプルが線に玉を作ることはありません。ダウンロード時には、完全に透明なキャンバス上でパッドの3倍のサイズで画面外に再描画し、全ピクセルのアルファチャンネルを走査して線の外接矩形を求め、そこに指定した余白を加えた範囲で切り出します。PNGはアルファチャンネルをそのまま保持します。JPGを選んだ場合は、JPEGに透過がまったくないため、切り出した範囲を先に白の上に描いてから書き出します。ストロークはページのメモリ内にしか存在せず、アップロードは行われず、タブを再読み込みすれば消えます。