Layers of canvas fabric.js

FabricJS has the following API methods that change the z-index of objects:

canvas.sendBackwards(myObject)
canvas.sendToBack(myObject)
canvas.bringForward(myObject)
canvas.bringToFront(myObject)

You can also use:

fabric.Canvas.prototype.orderObjects = function(compare) {
   this._objects.sort(compare);
   this.renderAll();
}

Karthikeya Boyini

Published on 11-Apr-2018 06:57:35

• Related Questions & Answers
• How to keep the image at the back of the HTML5 canvas when moving elements with fabric.js?
• HTML5 Canvas layer disappears on mouse click in Fabric.js and Firefox stops responding when creating a canvas for the image?
• Create layers using CSS
• The Bluetooth Link Layers
• Design Issues for the Layers of Computer Networks
• What are ISDN Layers in computer networks?
• Differentiate between SSL and TSL secure layers
• What are the Design Issues for the Layers of Computer Networks?
• How to copy the content of one HTML5 Canvas to another Canvas locally?
• C Program for diamond pattern with different layers
• HTML5 Canvas Font Size Based on Canvas Size
• How can Tensorflow be used to implement custom layers?
• Translating HTML5 canvas
• HTML5 Canvas distorted
• HTML5 Canvas Transformation