I’m working on a project where fabric.js (version 5.3) is used in several different places. I have recently built a requested feature with it and in the meantime, I had to extend some fabric classes like fabric.Object, fabric.Shadow, fabric.Line etc. and their prototype methods to apply custom logic.

I am able to load json into fabric.js (via canvas.loadFromJSON) and it works, or, I can create a new Canvas object, and then create a TextBox which I add to the canvas, and it works.

I am able to load json into fabric.js (via canvas.loadFromJSON) and it works, or, I can create a new Canvas object, and then create a TextBox which I add to the canvas, and it works.

I am using v5 of fabric.js

In fabric.js, when should the ‘setCoords’ method be used? Is it necessary to use ‘setCoords’ method after the ‘set’ method? For example, if I use the ‘set’ method to change the width of a rectangle, should I also use ‘setCoords’?

For example, if the mouse clicks anywhere in the yellow area (the overlap), the red rectangle should be selected because its area is smaller. Similarly, if the mouse clicks the yellow area where the purple circle overlaps with another shape, the purple circle should be selected.

When I click the rect, the console only prints “click the canvas” instead of “click the rect”. Is there any solution?

I have a JSON object that represents an IText object, which I’ve got from canvas JSON representation. I want to be able to make this text field active, or get the text field itself as an IText object. I can’t find anything related to my question on the web. Is that even possible in fabric.js?

I have a background and an unlimited amount of images or animations where I’d like to mask or clip part of the image or animation to the background. I’d like the user to use or move around a polygon to determine where they would like this to happen. See JSFiddle