js Fabric.js图层排序

### Fabric.js 中图层排序方法

在 Fabric.js 中，可以通过调整对象的 z-index 来实现图层顺序的排列。具体来说，`sendToBack()` 和 `bringToFront()` 是两个常用的方法来分别把对象移动到最底层或最高层[^1]。

对于更精细的控制，则可以利用 `moveTo(index)` 方法指定某个特定的位置索引。此函数接收一个参数 index, 表示目标对象应该放置的新位置（0表示最底部，数值越大越靠上）。下面是一个简单的例子展示如何使用这些功能：

// 假设有三个矩形被依次添加到了画布 canvas 上
var rect1 = new fabric.Rect({ ... });
canvas.add(rect1);

var rect2 = new fabric.Rect({ ... });
canvas.add(rect2);

var rect3 = new fabric.Rect({ ... });
canvas.add(rect3);

如果想要改变这三个矩形之间的相对层次关系，就可以这样做:

rect1.bringToFront();    // 将第一个矩形移到最顶层
rect2.sendToBack();      // 把第二个矩形放到最底端
rect3.moveTo(1);         // 让第三个矩形位于中间一层

需要注意的是，在调用了上述任何一种重新定位的方法之后，都应该记得刷新整个 Canvas 的渲染以便立即反映出变化。