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
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
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
Your handwriting is just awesome!!!
haha but its not really my handwriting in that image. This one is
Still, pretty impressive.
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π
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')
This is cool! I'll try it!
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.
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
Iβd implement some fixed mistakes :D
So cool!
Thank you :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.
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 π»
Absolutely excellent.
Thank you, Kevin :D
My love
haha glad you like it!
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.
Hi, can you give ma an instruction on how to use it? im sorry im a newbie here
Hi, you can go to saurabhdaware.github.io/text-to-ha... and click the "Generate Image" button. You can add your text directly by editing the content on page.
Good Job Bro!π
Was about to work on this myself. This is very good !
Awesome App Bro, can anything be done about the headings though?
I want to submit my maths homework please tell me how can I write in the fraction form like we write in copy .
Hey Anubhav, Unfortunately it is not possible to use in maths framework due to limitation in the symbols that can be used
Thank you Bhai
Should we type the text or can we just copy-paste it ?
Awesome prg :))
Pardon my french, but this is fucking amazing! π―
Really Impressive.
Hey man ! A new JS developer here.. I wanted to ask some questions ? any how I can reach you ?
Hi Mihir, you can reach out on twitter dm. I'm on twitter as @saurabhcodes
This is awesome! I've made this essaytoolbox.com/conclusion-generator tool recently.
Woah! This is amazing!!