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>