FabricJS - 在选择对象时禁用图层索引更改

时间:2016-08-25 13:42:56

标签: selection z-index fabricjs bringtofront

我的FabricJS应用程序出了问题。默认情况下,当我选择它时,fabricjs中的对象层跳转到顶部。

我想禁用此选项,以便活动元素的索引不会更改。有可能吗?

1 个答案:

答案 0 :(得分:14)

设置画布时,您只需设置self.login_btn选项,如下面的代码所示。



preserveObjectStacking

var fabricCanvas = new fabric.Canvas("t", { preserveObjectStacking: true });

fabricCanvas
  .add(new fabric.Rect({
    top: 0,
    left: 0,
    width: 100,
    height: 100,
    fill: "green"
  }))
  .add(new fabric.Rect({
    top: 50,
    left: 50,
    width: 100,
    height: 100,
    fill: "red"
  }))
  .add(new fabric.Rect({
    top: 100,
    left: 100,
    width: 100,
    height: 100,
    fill: "blue"
  }))
  .renderAll();

canvas {
  border: 1px solid black;
}