I was recently asked by a client to build a form that allows users to sign using a wireless pen mouse. The goal of the client was to obtain user si...
For further actions, you may consider blocking this person and/or reporting abuse
Thank you, I'll use that on a side project i'm working on :)
Glad you liked the article:)
I was just about to start researching implementing a signature pad using create-react-app, and react hooks with state. I chanced on your article and BAM! create-react-app, react hooks, saving ... Thanks!
Glad I was able to help! :]
Excellent help.
but you are missing
.current
in your this line codesignCanvasStaff.current.getTrimmedCanvas().toDataURL("image/png")
Thanks man :)
Thank you, fantastic Article learned a lot! Thank you very much from Ireland! :) ☘
Thank you for the kind words! glad you found this helpful :]
Thanks for the tutorial.
Thanks for checking it out! :D
Wonderful article!
Thank you Jacob :)
Looks promising. Thanks for introducing this library
You are welcome:)
This is great!
Any idea on how to make a a user type into some input fields and that draws a signature (with a font type) on the canvas as the user type
Created a little demo because I was curious.
codesandbox.io/s/quizzical-bartik-...
Check it out and let me know if this is what you are talking about
Nice, thank you for your post! Do you have any ideas how I can manage canvas overflow? I.e. client signs on screen and his signature runs off canvas.
how can we add default or background image?
In the save method,
It should be
sigCanvas.current.getTrimmedCanvas().toDataURL()
current must be added.
how to pass base64 data to react-signature-canvas?
i am having a case like edit ....There i have to show signature which i have given and i have to provide edit signature option.