0:00
In this video, I'll show you I built out
0:02
a Canva clone handwriting textto image
0:05
editor directly in Angular. So this
0:08
editor is really fantastic. It allows
0:11
you to actually export your handwriting
0:13
text into a image. So this is actually
0:16
the interface of the application. So
0:18
whatever text that you want to write
0:23
write the text and uh you will see on
0:27
the right hand side that text will be
0:29
converted into a image. So whatever that
0:33
I written right here you will see that
0:35
it's exported to a image file and then
0:37
we have the download button here you can
0:40
select with various styles as well in
0:43
handwriting. So you will see
0:46
and the source code is given. You can
0:49
directly purchase it. The link is given
0:50
in the description. After purchasing it,
0:53
you will get the source code from
0:54
automatically Google drive. So each and
0:56
every component is coded directly in
0:58
Typescript. This is their HTML, SAS and
1:02
TypeScript file. And for building this
1:04
we are using the latest version of
1:06
Angular. You would see that
1:09
some third party libraries are we have
1:13
but this is actually a single page
1:15
application. It doesn't have a back end.
1:18
It directly runs in the browser. So you
1:20
select your handwriting style and then
1:23
you also can manipulate the color of the
1:25
text as well using this color picker.
1:36
And here you can even adjust the phone
1:40
This is I think yeah this for this you
1:48
you can adjust the phone size. This is
1:50
the second text here. If you want to add
1:52
a watermark you can even add this.
1:56
And then you click the download button.
1:58
Everything will be exported to a image
2:01
file. Here you will see the canvas.
2:03
Entire canvas will be exported. So if
2:05
you're looking forward for a handwriting
2:08
text to image converter similar to
2:10
Canva, you can purchase this editor.
2:15
So various styles are there. You will
2:17
see that. So once you get the source
2:20
code, you can modify it, add your own
2:22
features on top of this editor. It will
2:24
save you a lot of time as well because I
2:27
coded this entirely from scratch. So you
2:30
don't need to waste your time. Instead,
2:32
you can purchase this editor. The link
2:34
is given in the description.
2:40
So the thing is this it's uh built
2:42
inside angular. So angular is a great
2:46
framework very famous framework.
2:50
So here you can adjust the phone size
2:56
The text can be anything. You will see
3:03
automatically add this. So you can
3:06
directly copy paste the text whatever
3:08
text that you want to export this
3:10
automatically the live preview will be
3:15
So each and every component is coded
3:20
TypeScript HTML SAS. So it's a
3:23
fullyfledged full stack project. If you
3:26
are interested, the link is given in the
3:31
Handwriting text to image converter.
3:34
So definitely purchase it.
