Fabricjs设置图像作为背景

fabricjs set image as background

本文关键字：背景图像设置 Fabricjs 更新时间：2023-09-26

我正在寻找一种将对象永久地放置到画布背面的方法。我看到各种

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

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

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

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

虽然这可能看起来效率低下，但我从未遇到过与此函数相关的任何性能问题。但是在我的应用程序中，我通常只有5到20个图层——通常是这个范围的低端。