fabricjs - 如何禁用选择自由绘制Fabric.js

Question

在FabricJs中使用FreeDrawing绘制图形后，您可以选择绘制的图形并将其移动。有没有办法禁用此选择？

Answer 1

如果您的 Canvas 上不需要任何交互性，则可以使用 StaticCanvas

var canvas = this.__canvas = new fabric.StaticCanvas('c');

或者，如果您只想禁用对特定对象(即最后的笔刷笔触)的选择，则可以在每次创建笔触时尝试调用以下代码:

canvas.item(0).selectable = false;
canvas.renderAll();

如果您需要其他对象的交互性，也可以在 Canvas 初始化后立即定义此对象

fabric.Object.prototype.selectable = false;

所有新对象都是不可选择的，除非在要创建可选择对象时另有指定

var text = new fabric.Text('Honey,\nI\'m subtle', {
    fontSize: 250,
    left: 50,
    top: 0,
    selectable: true // make this object selectable
});
canvas.add(text);