ipad - firma - signature pad jquery

Capture Signature usando HTML5 y iPad

Question

Alguien sabe cómo se puede hacer esto? ¿Usarías un objeto canvas, svg, jQuery, etc.?

Answer 1

Aquí hay una versión cortada rápidamente de esto usando SVG . Acabo de hacerlo. Funciona bien para mí en mi iPhone. También funciona en un navegador de escritorio usando eventos normales de mouse.

Answer 2

Aquí hay otra versión basada en lienzo con curvas de ancho variable (en función de la velocidad de dibujo): demostración en http://szimek.github.io/signature_pad y código en https://github.com/szimek/signature_pad .

Answer 3

Las opciones ya enumeradas son muy buenas, sin embargo, aquí hay algunas más sobre este tema que he investigado y encontrado.

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/

Y como siempre es posible que desee guardar el lienzo en la imagen:
http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/

buena suerte y feliz firma

Answer 4

Otro campo de firma de OpenSource es https://github.com/applicius/jquery.signfield/ , plugin de jQuery registrado usando Sketch.js.

Answer 5

Quizás los dos mejores técnicos de navegador para esto son Canvas, con Flash como respaldo.

Probamos VML en IE como respaldo para Canvas, pero fue mucho más lento que Flash. SVG fue más lento que todo el resto.

Con jSignature ( http://willowsystems.github.com/jSignature/ ) usamos Canvas como principal, con respaldo al emulador de Canvas basado en Flash (FlashCanvas) para IE8 y menos. Id ''dice que funcionó muy bien para nosotros.

Answer 6

Un elemento canvas con algo de JavaScript funcionaría muy bien.

De hecho, Signature Pad (un plugin de jQuery) ya lo ha implementado.