Capture de Signature à L'aide de HTML5 et iPad
6 réponses
Voici une autre version basée sur le canevas avec des courbes de largeur variable( basées sur la vitesse de dessin): démo à http://szimek.github.io/signature_pad et code à https://github.com/szimek/signature_pad .
Un élément canvas avec du JavaScript fonctionnerait très bien.
En fait, Signature Pad (un plugin jQuery) l'a déjà implémenté.
Voici une version rapidement piratée de cela en utilisant SVG je viens de le faire. Fonctionne bien pour moi sur mon iPhone. Fonctionne également dans un navigateur de bureau en utilisant des événements de souris normaux.
Peut-être que les deux meilleurs techniciens de navigateur pour cela sont Canvas, avec Flash comme sauvegarde.
Nous avons essayé VML sur IE comme sauvegarde pour Canvas, mais c'était beaucoup plus lent que Flash. SVG était plus lent que tout le reste.
Avec jSignature ( http://willowsystems.github.com/jSignature/) Nous avons utilisé Canvas comme primaire, avec fallback to Flash-based Canvas emulator (FlashCanvas) pour IE8 et moins. Id' dire très bien fonctionné pour nous.
Les options déjà listées sont très bonnes, mais voici un peu plus sur ce sujet que j'ai étudié et rencontré.
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/
Et comme toujours vous voudrez peut être enregistrer la toile à image:
http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/
bonne chance et bonne signature
Un autre champ de signature OpenSource est https://github.com/applicius/jquery.signfield/, plugin jQuery enregistré en utilisant Sketch.js .