Fabric.js Tutorial/Crash Course: Part 3 (Color Picker, Clear Canvas, Add Objects, Object Controls)

Summary

Intro: 0:00
Color Picker for Brush Color: 0:40
Clearing Canvas: 4:37
Introduce Objects (Adding Rectangle): 8:34
Introduce Controls (cornerColor): 15:39
Adding Circle: 16:40
More controls (lockScaling): 18:22

[TheNagUil]

Thanks for teaching an old dog a new trick

[lemmyosborne]

Dude! You’re my savior! I applied my first IT job in this week and here we are working a lot with fabric canvas. You make it so clear to me. Thank you!

[JustSunOne]

I will try my best to have Part 4 up within a week.

[madhav]

4:25 Newer version of jscolor picker doesn't omit the "#" tag so don't add it

[AnkitSharma-eeos]

Thank you very much for the work you've done 😊

[AprilFaith]

I appreciate you so much!!! Thank you <3

[shajalkumer]

i think there is no need to check the canvas backgroundImage
const clearCanvas = (canvas) => {

=> {

if (obj !== canvas.backgroundImage) {
canvas.remove(obj);
}
});
};

vs

const clearCanvas = (canvas) => {
=> {
canvas.remove(obj);
});
};