0:00
I'll show you a Canva clone image
0:02
cropper and resizer editor that I made
0:05
directly in the browser. It's a single
0:07
page application. I've also deployed
0:09
this and uh this is the actual demo
0:13
So you can even basically
0:17
use this as well. Let me just open the
0:19
zoom it tool so that I can zoom in. So
0:22
this is actually the editor here. uh in
0:25
the description link I have given the
0:26
check out link where you can purchase
0:28
the full source code of this and there I
0:30
have given this demo link. So once you
0:32
land on this website you basically
0:34
select whatever image file that you want
0:36
to crop and resize. After selecting the
0:39
image will load successfully
0:41
and now you click the start cropping
0:43
button and now you basically using your
0:46
mouse you basically select whichever
0:48
portion of the video you want to crop.
0:52
After that you click the apply crop
0:54
button and this will be the
0:57
output result you will get here. Same
1:00
thing you can change it as well. Just
1:02
change just select whichever portion you
1:04
want to resize and crop and
1:06
automatically now you can download the
1:08
cropped image. So it's a Canva clone
1:11
image cropper and resizer. It has a
1:13
single page application. It has all the
1:15
features here as you can see right here.
1:18
You can also crop it using aspect ratio
1:22
and it's basically built in HTML, CSS
1:24
and JavaScript and it's a single page
1:27
application as you can see. So after you
1:30
purchase the source code you will get
1:31
this index html file here. It's almost
1:35
as you can see it's uh round about uh
1:38
800 lines of code here. So it's very
1:41
easy to run this locally as well. So
1:44
once you purchase the source code, you
1:46
can open VS code and then open it with
1:48
live server. Again you repeat the
1:50
process. You simply select your image
1:53
and click on start cropping.
1:56
And here you basically select whichever
1:58
portion that you want to crop. Click on
2:00
apply crop and automatically the image
2:03
will be cropped. So just select
2:09
So it's really simple. We also have
2:10
fixed dimensions as well. If you want to
2:13
resize the image to fix width and
2:15
height. So here you can provide the
2:17
dimensions such as the width and the
2:19
height. Click on start cropping.
2:27
So now the image is also resized at the
2:30
same time. So the width and the height.
2:33
So this is the ultimate image cropper
2:35
and resizer. It's built using entirely
2:38
HTML, CSS and JavaScript. And for
2:41
building this we have used jQuery
2:44
So we included the CDN. So it will be
2:47
very easy for you to modify the source
2:49
code once you get it or you can easily
2:52
deploy this by running it locally as
2:55
well. So we are running it locally. So
2:57
before you purchase it definitely try
2:58
out the demo. If you like this
3:01
application definitely purchase it. The
3:04
link I have given in the description of
3:06
the video. So it's an ultimate image
3:09
So here you can select your image. Click
3:14
and using your mouse it basically click
3:22
So you can just see here and then we can
3:24
download the cropped image.
3:28
So definitely check this out guys. It's
3:30
a Canva clone image cropper and resizer
3:33
to resize and crop your images directly
