fabric.js 如何让添加的 让元素不能拖拽变大变小

通过将元素的 hasControls 和 hasBorders 属性设置为 false 来禁止拖拽和变形。

例如,以下代码可以创建一个不可拖拽、不可变形的矩形:
  1. var rect = new fabric.Rect({
  2.   left: 100,
  3.   top: 100,
  4.   width: 50,
  5.   height: 50,
  6.   fill: 'red',
  7.   hasControls: false,
  8.   hasBorders: false
  9. });

  10. canvas.add(rect);
请注意,这并不会完全禁止元素的交互。例如,仍然可以通过点击元素并使用鼠标移动来移动元素。如果您想要完全禁用元素的交互,建议使用 selectable: false 属性来禁止元素的选择。