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

Question

• 在新版本（>1.7）fabricjs 中，当我操作活动对象时。它会自动将自己的 z-index 移动到顶部，但我不想要它。
• 所以，我只能使用旧版本（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>