Quelqu'un sait comment cela peut être fait? Utiliseriez-vous un objet canevas, svg, jQuery, etc.?
Quelqu'un sait comment cela peut être fait? Utiliseriez-vous un objet canevas, svg, jQuery, etc.?
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 sur http://szimek.github.io/signature_pad et code sur https://github.com/szimek/signature_pad .
Un élément de canevas 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 ceci en utilisant SVG que je viens de faire. Fonctionne bien pour moi sur mon iPhone. Fonctionne également dans un navigateur de bureau en utilisant les événements de souris normaux.
Peut-être que les deux meilleures technologies de navigation 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 principal, avec un retour à l'émulateur de Canvas basé sur Flash (FlashCanvas) pour IE8 et moins. Je dirais que cela a très bien fonctionné pour nous.
Les options déjà énumérées sont très bonnes, mais voici quelques autres sur ce sujet que j'ai recherché 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 l'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é utilisant Sketch.js.