Signature_pad: Signatur als BLOB für SQL DB?

Sicher ist. Wir verwenden es, um Mietverträge abzuwickeln, und nachdem ein Benutzer seine Unterschrift in das Pad gezeichnet und auf Speichern geklickt hat, fügen wir ein verstecktes Feld ein, das an den Server übermittelt wird und die signaturePad.toData() enthält. Auf der Serverseite können Sie damit viele Dinge tun, z. B. die Signatur zu einem späteren Zeitpunkt neu zeichnen, die Signatur in ein zusammengesetztes PDF zeichnen und in einen AWS-Bucket hochladen, um später darauf zu verweisen.

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

Sicher ist. Wir verwenden es, um Mietverträge abzuwickeln, und nachdem ein Benutzer seine Unterschrift in das Pad gezeichnet und auf Speichern geklickt hat, fügen wir ein verstecktes Feld ein, das an den Server übermittelt wird und die signaturePad.toData() enthält. Auf der Serverseite können Sie damit viele Dinge tun, z. B. die Signatur zu einem späteren Zeitpunkt neu zeichnen, die Signatur in ein zusammengesetztes PDF zeichnen und in einen AWS-Bucket hochladen, um später darauf zu verweisen.

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

Vielen Dank, könnte ich Ihnen vielleicht noch etwas mehr dazu sagen?

Sichere Sache. Wenn Sie Ihre E-Mail-Adresse in Ihr Anzeigeprofil aufnehmen möchten, sende ich Ihnen heute Nachmittag eine E-Mail

Sichere Sache. Wenn Sie Ihre E-Mail-Adresse in Ihr Anzeigeprofil aufnehmen möchten, sende ich Ihnen heute Nachmittag eine E-Mail

Sichere Sache. Das habe ich jetzt getan

Ich würde gerne etwas Hilfe dabei haben.

@apikman - eine andere Lösung wird in #334 beschrieben

tl;dr -> abhängig von Ihren Anforderungen an die Browserunterstützung können Sie den Blob einfach aus der Leinwand abrufen

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

ENTSCHULDIGUNG ... ich weiß, dass dies geschlossen ist, aber ich würde LOOOOOOOOOOOOVE auch dazu etwas helfen.
Wir verwenden eine ERP-Lösung mit diesem Signatur-Tool für Kunden, um die Abnahme von Dienstleistungen zu bestätigen. Auf dem Bildschirm sieht es großartig aus, aber in dem Moment, in dem wir es drucken, sieht es winzig aus ... das Unternehmen, das uns die ERP-Lösung verkauft hat, hat es abgelehnt, Zeit in die Suche nach einer Lösung zu investieren ... :(