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

【问题标题】：FabricJS - disable layer index changing when object is selectedFabricJS - 选择对象时禁用图层索引更改
【发布时间】：2017-01-01 23:43:04
【问题描述】：

我的 FabricJS 应用有问题。默认情况下，fabricjs中的对象层在我选择时会跳到顶部。

我想禁用此选项，以便活动元素的索引不改变。有可能吗？

【问题讨论】：

标签： selection z-index fabricjs bringtofront

【解决方案1】：

您只需要在设置画布时设置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;
}

<canvas id="t" width="400" height="300"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.3/fabric.min.js"></script>

【讨论】：

我一直在寻找这个选项。非常感谢！