Fabricjs:通过单击 Canvas 输入 IText

Question

this jsfiddle的目标是以下内容:

• 用户点击 Canvas
• 光标出现在用户点击的地方
• 用户可以输入文字

我尝试在用户单击 Canvas 后立即使用 IText enterEditing 方法，但光标未显示，因此用户不知道他们可以输入文本。此外，在 Chrome 和 Firefox 中，用户根本无法输入文本。有什么想法吗？

Javascript

var canvas = new fabric.Canvas('c');

canvas.on('mouse:down', function(options) {
    if (options.target == null) 
         addText(options.e);
});


function addText(e) {

        var text = new fabric.IText('',{
            left: e.offsetX,
            top: e.offsetY
        });

        canvas.add(text);
        text.enterEditing();
}

Answer 1

试试下面的代码，你需要将你的文本对象设置为 Canvas 中的事件对象。

var text = new fabric.IText('',{
  left: e.offsetX,
  top: e.offsetY
});
canvas.add(text).setActiveObject(text);
text.enterEditing();