在 fabric.js 中将文本锁定在前面（不是每次都放在前面）

Question

有没有不用的方法：

canvas.sendBackwards(myObject)
canvas.sendToBack(myObject)

基本上我希望能够上传多张图片，同时让它们能够前后移动，但永远不会到达最高层（应该始终是文本，即使有超过 2 个文本层)

我是否最好将所有文本层分组，并且 运行 bringToFront，任何时候图像 uploaded/item 被移动 forward/backwards？或者有没有更好的方法来锁定他们的 z-index 位置？

Answer 1

Fabric.JS 并不像您在 css 中看到的那样具有真正的 z-index 功能。相反，canvas 上的对象就像一个数组，其中每个对象的索引决定了它在堆叠顺序中的位置。使用'canvas.insertAt()'添加一个对象会让你指定一个特定的索引来插入数组中的对象，而数组的长度总是由你的canvas.[=中有多少个对象决定的。 10=]

因此，在索引 0 处插入一个对象会移动数组中的其他对象，以便新对象呈现在堆叠顺序的底部。