如何禁用文本框中文本的編輯，但仍然可以選擇它。織物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來臨時修補問題。 可能是圖書館本身的一個問題。