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

可以使用 fabric.js 中的 `bringToFront()` 和 `sendToBack()` 方法来更改元素的层级。

- `bringToFront()` 方法可将元素置于所有其他元素的最上层。
- `sendToBack()` 方法可将元素置于所有其他元素的最下层。

示例代码:

var rect1 = new fabric.Rect({
    left: 100,
    top: 100,
    width: 50,
    height: 50,
    fill: 'red'
});
var rect2 = new fabric.Rect({
    left: 150,
    top: 150,
    width: 50,
    height: 50,
    fill: 'blue'
});

canvas.add(rect1);
canvas.add(rect2);

// rect1 元素置于最上层
rect1.bringToFront();

// rect2 元素置于最下层
rect2.sendToBack();

也可以使用 `moveTo` 方法来指定元素的层级 。

//将矩形元素移动到第5层
rect1.moveTo(5);

注意:这些方法只对Canvas上的元素有效，对于未添加到Canvas上的元素是无效的。