Handwriting Generator I made a Text-to-handwriting tool to write my college assignments for me 🤓

#showdev #html #css #javascript

Apr 19, 2020 ・1 min read

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😛

🌠 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 🦄

View on GitHub

Twitter

Do share it with your twitter fam 🕺🏻

Saurabh Daware 🌻 (56%)

@saurabhcodes

I was bored to write assignment so I wrote a tool that converts text to an image that looks like handwriting xD

I hope my teacher is not on twitter .___.

Do RT (as long as it doesn't reach your teachers :D)
github.com/saurabhdaware/…

12:22 PM - 24 Mar 2020

58 270

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 🌻

Discussion (51)

Muhimen • Apr 20 '20

Your handwriting is just awesome!!!

Saurabh Daware 🌻 • Apr 20 '20

haha but its not really my handwriting in that image. This one is

Saurabh Daware 🌻 (56%)

@saurabhcodes

I added my handwriting in it and now I'm 100% gonna try this in my next assignment 😂😂

Left is generated image and right is my actual handwriting.

12:19 PM - 25 Mar 2020

0 29

Muhimen • Apr 20 '20

Still, pretty impressive.

Irshad Kasana • Jan 25

how to use it

Rohan Sawant • Apr 21 '20

What an awesome project!! 🔥 Loved how easy to use this is!

I made something similar to this before, I tried to use AI to generate human-like handwriting! github.com/CT83/handwriting-synthesis

gotlashivasaiyadav • Sep 3 '20

clc;
clear all;
t=-5:0.001:5;
fm=input('enter the modulating signal Frequency')
%fm=0.2;
x=sin(2*pi*fm*t);
fc=input('enter the carrier signal Frequency')
%fc=4;
y=cos(2*pi*fc*t);
m=input('enter the modulation index');
%m=10;
z=m*x;
s=cos(2*pi*fc*t+z);
subplot(3,1,1)
plot(t,x)
xlabel('time')
ylabel('Amplitude')
title('Modulating signal')
subplot(3,1,2)
plot(t,y)
xlabel('time')
ylabel('Amplitude')
title('Carrier signal')
subplot(3,1,3)
plot(t,s)
xlabel('time')
ylabel('Amplitude')
title('Frequency Modulated signal')

Rob OLeary • Apr 19 '20

Naughty 😁 I wish my handwriting was that tidy!

Saurabh Daware 🌻 • Apr 20 '20

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.

Utkarsh Talwar • Apr 20 '20

This is unique and quite creative, Saurabh! I'm gonna share this in our Telegram channel: t.me/bestofdev 😃

Saurabh Daware 🌻 • Apr 20 '20

Thank you so much, Utkarsh :D🎉

ItsZhouNen • Feb 26

looks good, but need something to avoid being detected cheating...

my suggestion is that you need to add a randomizer text position, so it looks like a pure handwriting (Especially for the one who had a bad handwriting)

Rare.kind.mike • Nov 6 '20 • Edited

Glorious!!! It's incredibly easy to use and it will save me from writing all of those term papers HAHAHAH

I'll share it with all my friends and tell them to follow you here HEHEH

SIMPLY AWESOME!!!

Lokesh Sharmaae • May 27 '20

My love

Saurabh Daware 🌻 • May 28 '20

haha glad you like it!

Shaiju T • Apr 20 '20

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?

Saurabh Daware 🌻 • Apr 20 '20

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

Saurabh Daware 🌻 (56%)

@saurabhcodes

I added my handwriting in it and now I'm 100% gonna try this in my next assignment 😂😂

Left is generated image and right is my actual handwriting.

12:19 PM - 25 Mar 2020

0 29

Isaac Thani • Apr 21 '20

This is cool! I'll try it!

varo manukyan • Apr 20 '20 • Edited

I’d implement some fixed mistakes :D

Majse14 • Apr 21 '20

So cool!

Saurabh Daware 🌻 • Apr 21 '20

Thank you :D

Rinkton • Apr 20 '20

Only 3 hours? How you did it so fast? Or now version on Github more advanced? However, it really interesting and useful project.

Saurabh Daware 🌻 • Apr 20 '20

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.