Signature_pad: tanda tangan sebagai BLOB untuk SQL DB?

Tentu saja. Kami menggunakannya untuk menangani perjanjian sewa, dan setelah pengguna menggambar tanda tangan mereka di pad dan mengklik simpan, kami memasukkan bidang tersembunyi yang dikirimkan ke server dan berisi signaturePad.toData() . Di sisi server, Anda dapat melakukan banyak hal dengan ini, seperti menggambar ulang tanda tangan di kemudian hari, menggambar tanda tangan ke PDF gabungan, dan mengunggah ke keranjang AWS untuk referensi nanti.

<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}]]">

Tentu saja. Kami menggunakannya untuk menangani perjanjian sewa, dan setelah pengguna menggambar tanda tangan mereka di pad dan mengklik simpan, kami memasukkan bidang tersembunyi yang dikirimkan ke server dan berisi signaturePad.toData() . Di sisi server, Anda dapat melakukan banyak hal dengan ini, seperti menggambar ulang tanda tangan di kemudian hari, menggambar tanda tangan ke PDF gabungan, dan mengunggah ke keranjang AWS untuk referensi nanti.

<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}]]">

Terima kasih banyak, bisakah saya memilih otak Anda lebih banyak tentang ini?

Tentu saja. Jika Anda ingin memasukkan email Anda di profil tampilan Anda, saya akan mengirim email kepada Anda sore ini

Tentu saja. Jika Anda ingin memasukkan email Anda di profil tampilan Anda, saya akan mengirim email kepada Anda sore ini

Tentu saja. Saya telah melakukannya sekarang

Saya akan senang membantu dengan ini untuk.

@apikman - solusi lain dijelaskan di #334

tl;dr -> tergantung pada kebutuhan dukungan browser Anda, Anda bisa mendapatkan gumpalan dari kanvas

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

MAAF .... saya tahu ini ditutup, tetapi saya akan LOOOOOOOOOOOOO bantuan ini juga.
Kami menggunakan solusi ERP dengan Alat Tanda Tangan ini bagi pelanggan untuk mengonfirmasi penerimaan layanan. Di layar tampak hebat tetapi begitu kami mencetaknya terlihat KECIL...perusahaan yang menjual solusi ERP kepada kami telah menolak menginvestasikan waktu untuk menemukan solusi..... :(