Capture Signature à l'aide de HTML5 et iPad
Quelqu'un sait comment cela peut être fait? Utiliseriez-vous un objet canvas, svg, jQuery, etc.?
Voici une autre version basée sur la toile avec des courbes de largeur variable (selon la vitesse de dessin): demo at http://szimek.github.io/signature_pad et code à https://github.com/szimek/signature_pad .
Un élément de toile avec du JavaScript fonctionnerait très bien.
En fait, Signature Pad (un plugin jQuery) a déjà cela implémenté.
Voici ne 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 utilisant des événements de souris normaux.
Les deux meilleurs techniques de navigation sont peut-être Canvas, avec Flash comme sauvegarde.
Nous avons essayé le VML sur IE comme sauvegarde de 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 principal, avec un repli sur l'émulateur de canevas basé sur Flash (FlashCanvas) pour IE8 et versions ultérieures. Id 'say a très bien fonctionné pour nous.
Les options déjà listées sont très bonnes, cependant voici quelques autres 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 le canevas dans une 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/ , plug-in jQuery enregistré à l'aide de Sketch.js.