HTML5とiPadを使用して署名をキャプチャする

誰でもこれがどのようにできるか知っていますか？canvasオブジェクト、svg、jQueryなどを使用しますか？

これは、可変幅（描画速度に基づく）カーブを備えた別のキャンバスベースバージョンです。http：//szimek.github.io/signature_padのデモとhttps://github.com/szimek/signature_padのコードです。

JavaScriptを含むcanvas要素はうまく機能します。

実際、Signature Pad（jQueryプラグイン）にはすでにこれが実装されています。

これは、私がやったばかりのSVGを使用してこれを素早くハッキングしたバージョンです。私のiPhoneではうまくいきます。通常のマウスイベントを使用して、デスクトップブラウザーでも機能します。

おそらく、これに最適な2つのブラウザー技術はCanvasであり、Flashをバックアップとして使用します。

CanvasのバックアップとしてIEでVMLを試しましたが、Flashよりもはるかに低速でした。SVGは他のすべてよりも低速でした。

jSignature（http://willowsystems.github.com/jSignature/）では、Canvasをプライマリとして使用し、IE8以下ではFlashベースのCanvasエミュレータ（FlashCanvas）にフォールバックしました。私は私たちにとって非常にうまくいったと言います。

すでにリストされているオプションは非常に優れていますが、ここで私が調査して出くわしたこのトピックに関するいくつかの追加のオプションがあります。

1）http://perfectionkills.com/exploring-canvas-drawing-techniques/
2）http://mcc.id.au/2010/signature.html
3）https://zipso.net/a-simple-touchscreen -sketchpad-using-javascript-and-html5 /

そして、いつものようにキャンバスを画像に保存したい場合があります：
http : //www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/

幸運と幸せな署名

別のOpenSource署名フィールドはhttps://github.com/applicius/jquery.signfield/で、Sketch.jsを使用して登録されたjQueryプラグインです。