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
.currentin your this line codesignCanvasStaff.current.getTrimmedCanvas().toDataURL("image/png")Thanks man :)
Looks promising. Thanks for introducing this library
You are welcome:)
Thanks for the tutorial.
Thanks for checking it out! :D
Thank you, fantastic Article learned a lot! Thank you very much from Ireland! :) ☘
Thank you for the kind words! glad you found this helpful :]
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
Wonderful article!
Thank you Jacob :)
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?
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.
In the save method,
It should be
sigCanvas.current.getTrimmedCanvas().toDataURL()
current must be added.