在fabric.js中将文本锁定在最前面(每次都不在最前面)

时间:2018-12-01 08:13:05

标签: javascript html canvas fabricjs

有没有不用的方法:

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

基本上,我希望能够上传多张图像,同时使它们能够前进和后退,但永远不要到达最高层(即使有两个以上的文字层,也应该始终是文字)< / p>

我是否最好对所有文本图层进行分组,并在每次上载图像/向前/向后移动图像时运行BringToFront?还是有一种更好的方法来锁定其z-index位置?

1 个答案:

答案 0 :(得分:1)

Fabric.JS并没有真正的css真正的z-index功能。取而代之的是,画布上的对象就像一个数组一样工作,其中每个对象的索引确定了它在堆叠顺序中的位置。使用'canvas.insertAt()'添加一个对象将使您可以指定一个特定的索引以将该对象插入到数组中,并且数组的长度始终取决于画布中有多少个对象。

因此,将对象插入索引为0的位置将使数组中的其他对象移位,以便在堆叠顺序的底部显示新对象。