Hi everyone, I hope you all are safe and doing fine!
I prefer typing over writing and college told us to write some assignments and I was bored.
So instead of spending 1 hour to write assignments, I spent 3 hours to build a tool that writes assignments for me ๐. It is called Text-to-handwriting (see... I'm really good at naming my projects)
Text to Handwriting converts text content to an image that looks like handwriting. So this is what the output looks like:
Output
Features
- Draw diagrams
- Change font-size, ink color, spacing, etc.
- Upload font button for custom handwritings (so you can create a font of your handwriting from other online tools and upload the font file)
URLs
Tool
https://saurabhdaware.github.io/text-to-handwriting
GitHub
Do โญ the repository
saurabhdaware
/
text-to-handwriting
So your teacher asked you to upload written assignments? Hate writing assigments? This tool will help you convert your text to handwriting xD
https://saurabhdaware.github.io/text-to-handwriting/
I hate writing assignments so I made this tool that converts text to an image that looks like handwriting๐
Note: This project is now archived. Read the announcement at #138
๐ Output
๐ค Contributing
Checkout Contribution Guide for local setup and contribution guide.
๐ Libraries used
- html2canvas - Turns DOM into Canvas.
- jsPDF - To generate PDF from images.
- cypress - Testing Library
- serve - Start local server
Bye! Have fun ๐ฆ
Do share it with your twitter fam ๐บ๐ป
Thank you for reading ๐จ๐ Let me know your thoughts comments.
You can follow me on Twitter @saurabhcodes and on GitHub @saurabhdaware
Bye! stay safe and remember we are going get through this ๐ป
Oldest comments (63)
Naughty ๐ I wish my handwriting was that tidy!
haha, in that case, there are options in some 'create font from handwriting' tools to add alternate versions of letters so in the font it switches between the letters randomly. You can create font of your handwriting there and upload the font in my tool.
I know Calligraphr they provide option to switch between letters.
Awesome job, really impressed with the outcome.
Minor note; when I add a diagram, the hand-written text overlaps the "How to add your own handwriting?" section.
ops I broke it while changing something else. Thanks for reporting I'll fix it.
and I'm glad that you liked it ๐ป
Good idea ๐, Assignments usually are written in notebooks. So did you take printouts and stick it? Second, teachers may ask questions like, is this your hand writing?
Thank you and in our university, we have to write assignment in a notebook and upload pdf of scanned assignment on our website so I can just generate image and turn it into PDF.
Also about the handwriting, you can add your own handwriting to it with the font upload button. So this one is truely my handwriting
Absolutely excellent.
Thank you, Kevin :D
Your handwriting is just awesome!!!
haha but its not really my handwriting in that image. This one is
Still, pretty impressive.
how to use it
This is unique and quite creative, Saurabh! I'm gonna share this in our Telegram channel: t.me/bestofdev ๐
Thank you so much, Utkarsh :D๐
Lovely!
One quick note, when adding a drawing the text overflows. see screenshots attached.
dev-to-uploads.s3.amazonaws.com/i/...
Thank you so much and thank you for reporting the bug. I've fixed it now.
Iโd implement some fixed mistakes :D
Only 3 hours? How you did it so fast? Or now version on Github more advanced? However, it really interesting and useful project.
oh yes the current version is more advanced. In 3 hours I got the basic working prototype so it was not having the draw diagram feature and form was not having any css they were added later.
So cool!
Thank you :D
Some comments may only be visible to logged-in visitors. Sign in to view all comments.