Capturar a assinatura usando o HTML5 e o iPad

Alguém sabe como isto pode ser feito? Você usaria um objeto de tela, svg, jQuery, etc?

Author: Mark Richman, 2010-06-22
Source

6 answers

Aqui está outra versão baseada em tela com curvas de largura variável( com base na velocidade de desenho): demo em http://szimek.github.io/signature_pad e Código at https://github.com/szimek/signature_pad.

signature sample

 270
Author: szimek, 2013-12-10 12:48:35

Um elemento de tela com algum JavaScript funcionaria muito bem.

De facto, O ' pad 'de assinatura (um 'plugin' jQuery) já tem isto implementado.

 57
Author: Ben S, 2016-03-31 17:36:39

Aqui está uma versão rapidamente pirateada disto usando SVG acabei de o fazer. Funciona bem para mim no meu iPhone. Também funciona em um navegador de desktop usando eventos normais do mouse.

 14
Author: heycam, 2010-06-23 04:45:52

Talvez os dois melhores técnicos de navegação para isto sejam tela, com Flash como um backup.

Tentamos VML no IE como backup para tela, mas foi muito mais lento do que Flash. O SVG era mais lento do que o resto.

Com jsignatura ( http://willowsystems.github.com/jSignature/ usamos a tela como primária, com o emulador de tela baseado em Flash (FlashCanvas) para IE8 e menos. Diria que funcionou muito bem para nós.

 12
Author: ddotsenko, 2012-06-01 19:56:18
[[1] as opções já listadas são muito boas, no entanto aqui algumas mais sobre este tema que eu pesquisei e encontrei.

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/

E como sempre você pode querer salvar a tela para image:
http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/

boa sorte e boa assinatura.
 1
Author: Luigi D'Amico, 2017-06-14 12:11:58

Outro campo de assinatura OpenSource é https://github.com/applicius/jquery.signfield / , 'plugin' de jQuery registado que utiliza o Sketch.js .

 0
Author: cchantep, 2014-08-04 18:11:40