Signature_pad: assinatura como BLOB para SQL DB?

Claro que é. Nós o usamos para lidar com contratos de aluguel e, depois que um usuário desenha sua assinatura no bloco e clica em salvar, inserimos um campo oculto que envia ao servidor e contém o signaturePad.toData() . No lado do servidor, você pode fazer muitas coisas com isso, como redesenhar a assinatura posteriormente, desenhar a assinatura em um PDF composto e fazer upload para um bucket da AWS para referência posterior.

<input type="hidden" name="document_templates_signature_request[signature]" value="[[{"x":61.84375,"y":228,"time":1591550609648},{"x":68.84375,"y":213,"time":1591550609782},{"x":73.84375,"y":206,"time":1591550609798},{"x":81.84375,"y":198,"time":1591550609815},{"x":94.84375,"y":187,"time":1591550609832},{"x":102.84375,"y":179,"time":1591550609848},{"x":110.84375,"y":173,"time":1591550609864},{"x":117.84375,"y":170,"time":1591550609897},{"x":118.84375,"y":182,"time":1591550609947},{"x":108.84375,"y":215,"time":1591550609963},{"x":105.84375,"y":239,"time":1591550609979},{"x":104.84375,"y":265,"time":1591550609995},{"x":104.84375,"y":282,"time":1591550610012},{"x":105.84375,"y":294,"time":1591550610028},{"x":114.84375,"y":314,"time":1591550610044},{"x":123.84375,"y":318,"time":1591550610060},{"x":142.84375,"y":315,"time":1591550610077},{"x":156.84375,"y":307,"time":1591550610093},{"x":192.84375,"y":280,"time":1591550610109},{"x":198.84375,"y":274,"time":1591550610125},{"x":203.84375,"y":270,"time":1591550610141},{"x":218.84375,"y":259,"time":1591550610157},{"x":222.84375,"y":256,"time":1591550610174},{"x":227.84375,"y":255,"time":1591550610207},{"x":231.84375,"y":261,"time":1591550610240},{"x":238.84375,"y":267,"time":1591550610257},{"x":248.84375,"y":270,"time":1591550610273},{"x":287.84375,"y":269,"time":1591550610290},{"x":312.84375,"y":257,"time":1591550610307},{"x":355.84375,"y":226,"time":1591550610323},{"x":367.84375,"y":218,"time":1591550610341},{"x":387.84375,"y":202,"time":1591550610357},{"x":394.84375,"y":197,"time":1591550610374},{"x":403.84375,"y":192,"time":1591550610390},{"x":403.84375,"y":199,"time":1591550610407},{"x":394.84375,"y":237,"time":1591550610424},{"x":388.84375,"y":266,"time":1591550610440},{"x":386.84375,"y":301,"time":1591550610457},{"x":386.84375,"y":337,"time":1591550610475},{"x":387.84375,"y":355,"time":1591550610491},{"x":392.84375,"y":367,"time":1591550610507},{"x":386.84375,"y":337,"time":1591550610475}]]">

Claro que é. Nós o usamos para lidar com contratos de aluguel e, depois que um usuário desenha sua assinatura no bloco e clica em salvar, inserimos um campo oculto que envia ao servidor e contém o signaturePad.toData() . No lado do servidor, você pode fazer muitas coisas com isso, como redesenhar a assinatura posteriormente, desenhar a assinatura em um PDF composto e fazer upload para um bucket da AWS para referência posterior.

<input type="hidden" name="document_templates_signature_request[signature]" value="[[{"x":61.84375,"y":228,"time":1591550609648},{"x":68.84375,"y":213,"time":1591550609782},{"x":73.84375,"y":206,"time":1591550609798},{"x":81.84375,"y":198,"time":1591550609815},{"x":94.84375,"y":187,"time":1591550609832},{"x":102.84375,"y":179,"time":1591550609848},{"x":110.84375,"y":173,"time":1591550609864},{"x":117.84375,"y":170,"time":1591550609897},{"x":118.84375,"y":182,"time":1591550609947},{"x":108.84375,"y":215,"time":1591550609963},{"x":105.84375,"y":239,"time":1591550609979},{"x":104.84375,"y":265,"time":1591550609995},{"x":104.84375,"y":282,"time":1591550610012},{"x":105.84375,"y":294,"time":1591550610028},{"x":114.84375,"y":314,"time":1591550610044},{"x":123.84375,"y":318,"time":1591550610060},{"x":142.84375,"y":315,"time":1591550610077},{"x":156.84375,"y":307,"time":1591550610093},{"x":192.84375,"y":280,"time":1591550610109},{"x":198.84375,"y":274,"time":1591550610125},{"x":203.84375,"y":270,"time":1591550610141},{"x":218.84375,"y":259,"time":1591550610157},{"x":222.84375,"y":256,"time":1591550610174},{"x":227.84375,"y":255,"time":1591550610207},{"x":231.84375,"y":261,"time":1591550610240},{"x":238.84375,"y":267,"time":1591550610257},{"x":248.84375,"y":270,"time":1591550610273},{"x":287.84375,"y":269,"time":1591550610290},{"x":312.84375,"y":257,"time":1591550610307},{"x":355.84375,"y":226,"time":1591550610323},{"x":367.84375,"y":218,"time":1591550610341},{"x":387.84375,"y":202,"time":1591550610357},{"x":394.84375,"y":197,"time":1591550610374},{"x":403.84375,"y":192,"time":1591550610390},{"x":403.84375,"y":199,"time":1591550610407},{"x":394.84375,"y":237,"time":1591550610424},{"x":388.84375,"y":266,"time":1591550610440},{"x":386.84375,"y":301,"time":1591550610457},{"x":386.84375,"y":337,"time":1591550610475},{"x":387.84375,"y":355,"time":1591550610491},{"x":392.84375,"y":367,"time":1591550610507},{"x":386.84375,"y":337,"time":1591550610475}]]">

Muito obrigado, eu poderia pegar seu cérebro um pouco mais sobre isso?

Coisa certa. Se você quiser colocar seu e-mail em seu perfil de exibição, eu lhe enviarei um e-mail esta tarde

Coisa certa. Se você quiser colocar seu e-mail em seu perfil de exibição, eu lhe enviarei um e-mail esta tarde

Coisa certa. eu fiz isso agora

Gostaria de uma ajuda com isso.

@apikman - outra solução é descrita em #334

tl; dr -> dependendo das suas necessidades de suporte ao navegador, você pode obter o blob da tela

//select your canvas-html element
canvas.toBlob((theBlob) => {
  // do whatever with "theBlob"
});  

DESCULPE .... eu sei que isso está fechado, mas eu gostaria de LOOOOOOOOOOOOOVE alguma ajuda sobre isso também.
Estamos usando uma solução ERP com esta Ferramenta de Assinatura para que os clientes confirmem a aceitação dos serviços. Na tela, parece ótimo, mas no minuto em que imprimimos parece MINÚSCULO... a empresa que nos vendeu a solução de ERP se recusou a investir tempo em encontrar uma solução... :(