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>