fabric.js 给每个元素单独设置不同的层级

在 fabric.js 中，可以通过调整对象的 "z" 属性来设置对象的层级。将对象的 "z" 值设置为较大的数字可以使其置于较高的层级，而将 "z" 值设置为较小的数字可以使其置于较低的层级。

例如，下面的代码将一个矩形的 "z" 值设置为 10，并将另一个矩形的 "z" 值设置为 1：

var rect1 = new fabric.Rect({
    width: 50,
    height: 50,
    left: 75,
    top: 75,
    fill: 'red',
    z: 10
});

var rect2 = new fabric.Rect({
    width: 50,
    height: 50,
    left: 175,
    top: 175,
    fill: 'blue',
    z: 1
});

这样，red 的矩形会显示在blue的矩形上面.
此外，也可以通过调用 canvas 对象的 bringToFront() 和 sendToBack() 方法来改变对象的层级。 例如，调用 canvas.bringToFront(rect1) 将使第一个矩形置于最高层。