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>