fabricjs禁用自动将操作对象移动到顶部

Question

• 在新版本（＆gt; 1.7）fabricjs中，当我操作活动对象时。它会将自己的z-index自动移动到顶部，但我不想要它。
• 所以，我只能使用旧版本（1.5）并使用moveTo来完成我的要求，但我想在新版本中使用一些新功能。
• 我无法在新版本中找到有关z-index的任何消息，我该怎么做才能保持旧操作的Active对象方式。
  1. in fabricjs 1.5 code
  2. in fabricjs 1.7 code

Answer 1

有一个preserveObjectStacking属性，应该默认为false，它应该完全符合您的需要。 我想这可能是1.5有一个bug并且无法正常工作？

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>