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
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! :]
Thank you, I'll use that on a side project i'm working on :)
Glad you liked the article:)
Excellent help.
but you are missing
.currentin 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 :]
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
Wonderful article!
Thank you Jacob :)
Thanks for the tutorial.
Thanks for checking it out! :D
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.
In the save method,
It should be
sigCanvas.current.getTrimmedCanvas().toDataURL()
current must be added.
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.