Fabric.js Tutorial/Crash Course Part 1 (Project Demo, Setup, Background Image, Canvas Events)

Intro: 0:00
Folder Setup: 3:02
Lite Server: 5:06
Canvas Class: 6:30
Lower/Upper Canvas: 10:34
Background Image: 11:36
Intro to Events: 17:05
Conclusion: 19:49

[jaredbecker]

Thanks so much for this tutorial! Also side note for anyone wanting live server you can just install the vs code extension if you want to skip the whole npm install. Its much quicker and convenient! :)

[ouncesofPAIN]

Thank you for making this series! I needed this!

[motoackc]

This is invaluable, thanks so much for making these lessons!

[twinklefantasy]

The tutorial is very useful!! Can u pls continue the fabric.js series to advanced level

[shefyg]

Thanks for this tutorial, and the time you put into it :)

[ericryan]

Thank you very much. This is really helping me to make use of this tool!

[syedthamim]

HI ! I have used fabric js for designing four images in webapplication the order of 4 image design is changing randomly before saving. can u please help on this?

[DerickMasai]

Hello, thank you so much for this informative video. I have a question regarding *fromURL* . When using it, the image appears in full and so unless the canvas size matches it, it is truncated. Could you possibly assist me to contain it's size in the canvas regardless of size? Something akin to the CSS _background-size: cover;_ if you're familiar with it? Thank you.

[everydayinformation]

hello bro, thank u so much for this video. please can u give us the link of source code just for correction when we wre practicing please.

[emmanuelaberuagba]

Hi, love your videos, I'm currently working on a project that involves fabric js, please how do I performance a clearRect on fabric?

[nesaruddin]

its really great video, if video quality a bit high

[thatkingmag]

please help with creating multiple canvas. like if I want to draw on different images on the page

Please please help

[obichinedufrank]

JustSunOne, Please have you been able to achieve curved text with fabric js?

[sonasonali]

I don't know why but I didn't able to see my bg color or bg image??? why? I did every thing same except lite server.

[hamletpena]

hello, just right now i am watching the videos and i want to ask how can i implement sockets with fabric.js ? .another thing Thank you because there are not enought tutorial for work with Fabric.js and i hope that you can make extends tutorial about the library.

[SpaceDorito]

Do note they have changed the callback to a promise in FabricJs 6+

[ssmk]

Can this be done with a video instead of an image?

[mateusznowakowski]

Thank you so much! Can a source code for the tutorial be found anywhere?

[architdandavate]

Can you give me the src code of the project

[Zara_Sochiey]

can we add video as an element using fabric js