Quelqu'un sait-il comment cela peut être fait ? Utiliseriez-vous un objet canvas, un svg, jQuery, etc ?
Voici une autre version basée sur le canevas avec des courbes à largeur variable (en fonction de la vitesse de dessin) : démo à l'adresse suivante http://szimek.github.io/signature_pad et le code à https://github.com/szimek/signature_pad .
Merci d'avance, la meilleure librairie de signature js que j'ai jamais vue. Je ne sais pas pourquoi cette réponse n'a eu que 3 votes. github.com/szimek/signature_pad
J'aime le fait qu'il ne dépende pas d'autres bibliothèques js et son aspect esthétique. Une remarque sur son utilisation qui m'a aidé : ajoutez une bordure au canevas pour que vous puissiez voir comment il est ajusté. Notez également que les changements de css sur le canevas font des choses folles, donc spécifiez simplement une hauteur et une largeur dans l'élément canevas si cela devient incontrôlable.
L'absence de documentation n'aide pas, mais la page de démonstration présente les choses de manière assez claire. Je travaille sur le stockage dans la base de données et la récupération. C'est une bibliothèque VRAIMENT astucieuse. Merci szimek !
Un élément de toile avec un peu de JavaScript serait parfait.
En fait, Coussin de signature (un plugin jQuery) a déjà implémenté cette fonctionnalité.
J'ai trouvé ce plugin vraiment difficile à utiliser, malheureusement. Toutes les démos étaient très spécifiques et difficiles à appliquer. Je préfère définitivement l'autre approche de signature pad : stackoverflow.com/a/17200715/76672 Avec pratiquement aucune documentation, j'ai réussi à le faire fonctionner...
Voici une version rapidement améliorée de ceci en utilisant SVG Je viens de le faire. Cela fonctionne bien pour moi sur mon iPhone. Cela fonctionne également dans un navigateur de bureau en utilisant les événements normaux de la souris.
Les deux meilleures technologies de navigateur pour cela sont peut-être Canvas, avec Flash comme solution de secours.
Nous avons essayé VML sur IE comme sauvegarde pour Canvas, mais il était beaucoup plus lent que Flash. SVG était plus lent que tous les autres.
Avec jSignature ( http://willowsystems.github.com/jSignature/ ) nous avons utilisé Canvas en premier lieu, avec un émulateur Canvas basé sur Flash (FlashCanvas) pour IE8 et moins. Je dirais que cela a très bien fonctionné pour nous.
Un autre champ de signature OpenSource est https://github.com/applicius/jquery.signfield/ L'utilisateur a enregistré un plugin jQuery à l'aide de Sketch.js.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
