javascript - fabricjs 将图像设置为背景

Question

我正在寻找一种将对象永久放置在 Canvas 背面的方法。我看到了各种各样的

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

会将对象发送到 Canvas 的背面，但如果我添加一个新元素然后将其向后发送，它将位于另一个图像下方，我需要避免这种情况。我不能使用 canvas.setBackgroundImage，因为我正在创建自定义图像类并将其设置为 backgroundImage 会使我失去一些功能。我想在新创建的图像上设置类似 z-index 的东西。例如，在初始化新图像时，我可以将 lockMovementX(以及许多其他图像)设置为 false 或 true，对于每个 Canvas 元素的 z-index 是不是没有类似的东西，或者我是否必须将我的背景元素推到后面每次 Canvas 上有变化？

Answer 1

我遇到过同样的情况 - 我想要一个图像作为背景层，但由于功能受限不想将其应用为背景图像。

我确实为我的应用程序编写了一个函数，每次添加新层时都会重新堆叠层。我为这一层设置了名称属性，这样我就可以快速识别需要发送到后面的层。

虽然这可能看起来效率低下，但我从未遇到过与此功能相关的任何性能问题。而且在我的应用程序中，我通常只有大约 5 到 20 层 - 通常在该范围的较低端。