fabricjs禁用自動移動操作對象到頂部

Question

• 在新版本（> 1.7）fabricjs，當我操作活動Object.It將自動移動他們自己的Z索引頂部，但我不想它。
• 因此，我只能使用舊版本（1.5）並使用moveTo來完成我的要求，但我希望在新版本中使用一些新功能。
• 我無法在新版本中找到關於z-index的任何消息，我該如何保持舊的操作主動對象方式。
  1. 在fabricjs 1.5 code
  2. 在fabricjs 1.7 code

Answer 1

有一個preserveObjectStacking屬性，這應該是默認爲false，應該做的正是你所需要的。 我想也許1.5有一個錯誤，並不能正常工作？

http://fabricjs.com/docs/fabric.Canvas.html

在該頁面搜索preserveObjectStacking。

var _canvas = new fabric.Canvas('canvas', { preserveObjectStacking: true }); 
 

 
var text1 = new fabric.Text('word one...') 
 

 
var text2 = new fabric.Text('word two...', { 
 
    top: 30, 
 
    left: 40, 
 
    backgroundColor: '#f00' 
 
}) 
 

 

 
_canvas.add(text1) 
 

 
_canvas.add(text2)

#canvas { 
 
    width: 400px; 
 
    height: 400px; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.17/fabric.min.js"></script> 
 
<canvas id="canvas"></canvas>