如何禁用文本框中文本的编辑，但仍然可以选择它。织物1.6

Question

我希望用户能够选择一个fabric.Textbox并做旋转，移动，调整大小等，但不是文本的编辑。要编辑文本，用户必须选择文本框对象，然后激活文本编辑（不在结构中）。 所以我想要的是避免用户可以编辑结构中的文本（如fabric.Text）。 有没有办法做到这一点？

Answer 1

canvas = new fabric.Canvas('canvas'); 
 
var shape = new fabric.Textbox('i m an not editable textbox', {width: 200, top:0, left:0, editable: false, cursorWidth: 0}); 
 
canvas.add(shape);

<script src="http://www.deltalink.it/andreab/fabric/fabric.js"></script> 
 
<canvas id='canvas' width="500" height="400" style="border:#000 1px solid;"></canvas>

fabricjs文本框的子类的iText。 从iText的文档，你可以看到：

/** 
* Indicates whether a text can be edited 
* @type Boolean 
* @default 
*/ 
editable: true, 

为什么TE光标似乎仍然是一个谜给我。所以我应用cursorWidth = 0来临时修补问题。 可能是图书馆本身的一个问题。