FabricJS - отключить изменение индекса слоя при выделении объекта

Question

У меня проблема с моим приложением FabricJS. По умолчанию слой объекта в fabricjs переходит наверх, когда я выбираю его.

Я хочу отключить эту опцию, чтобы индекс активного элемента не менялся. Возможно?

Answer 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>