Integrate into a form #845
Replies: 5 comments 3 replies
-
|
On form submit you can get the data with |
Beta Was this translation helpful? Give feedback.
-
|
I must be doing something wrong. I took the code from your demo, but the signature is not drawing: Your script is loading, and there are no errors in the console. Could you show a minimum working example that uses a CDN-loaded script with initialization options? Unfortunately, it is not clear for me where or how they should be applied. |
Beta Was this translation helpful? Give feedback.
-
|
Here is a minimal example: |
Beta Was this translation helpful? Give feedback.
-
|
This works. Much appreciated! |
Beta Was this translation helpful? Give feedback.
-
|
If
and if I am not mistaken, then this decodes into
I used |
Beta Was this translation helpful? Give feedback.
-
|
toData() returns an object that holds the settings and an array of points that are used to draw the signature. |
Beta Was this translation helpful? Give feedback.
-
|
So, this brings us back to the original question: how can the signature be integrated into a form? In the end, the graphics has to be obtained, stored, and displayed elsewhere. In my case that will be a PDF document. Is there a way to obtain a PNG of the signature? Although, never mind! It was rather simple: in PHP,
and voila, here it is. Next question: the background that I assigned so as to make the canvas visible propagates into the image. Is there any way to make the canvas have a background when on the web page but turn it into transparent when the image is obtained from it? |
Beta Was this translation helpful? Give feedback.
-
|
See https://github.com/szimek/signature_pad?tab=readme-ov-file#handling-data-uri-encoded-images-on-the-server-side for how to handle a data url returned by toDataUrl() on the server side. You can set the background to transparent before calling toDataUrl or use an off screen canvas to draw the signature with fromData then call toDataUrl on that |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
How can the signature be integrated into a form and assigned to a hidden input before the form is submitted?
Is there a draw event on the signature that can automatically assign it as it is being drawn? Or should the form's submit event be handled for this?
Beta Was this translation helpful? Give feedback.
All reactions