fabric.js中itext的maxlength属性

Question

使用fabric.js库为itext提供maxlength属性吗？ 如果不是，那么如何编码与html / javascript maxlength属性一样流利和一致的代码呢？ 我一直在努力，但是它不像maxlength属性那样流利。 我的问题是它将先添加字符然后再将其删除，以便用户可以看到它发生的情况……与maxlength属性不同，后者只是停止输入。

Answer 1

您可以在文本对象editing:entered事件hiddenTextarea maxlength添加到hiddenTextarea 。

 const canvas = new fabric.Canvas('c'); const text = new fabric.IText('Hello'); text.on('editing:entered', () => { text.hiddenTextarea.setAttribute('maxlength', 5); }) canvas.add(text); 

 canvas { border: 1px solid #999; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.4.0/fabric.js"></script> <canvas id="c" width="600" height="600"></canvas>