DEV Community

Cover image for How does handwriting.io work?
Instinct
Instinct

Posted on

How does handwriting.io work?

I came across this awesome app ๐Ÿ˜Ž handwriting.io.
It converts text to handwriting. โœ๐Ÿพ
Every instance of the letter you type is different. ๐Ÿ˜ฎ
I wonder how the developers made this cool app. ๐Ÿค”
You can test it for yourself ๐Ÿ‘‰๐Ÿพ here

Discussion (3)

Collapse
sriramr98 profile image
Sriram R

I think a very simple solution ( not at all optimised, but a decent starting point ) is to store a vector image mapping of each alphabet with each user name. Then you can loop through each alphabet in the input and draw the respective alphabet in a canvas element.

Collapse
instinct profile image
Instinct Author

I like your solution.
Can you tell me how they are randomizing each instance of the letter?

Collapse
instinct profile image
Instinct Author

I think nobody is maintaining this app now.
What I don't like about handwriting.io is that it has watermark on its generated images. โ™’
If somebody ๐Ÿ˜‡ could tell me how they are generating such text and font, I would be very grateful to them.