Question

我使用以下内容将文字添加到我的fabricjs画布中，我想知道如何在触发onclick时自动选择它？

// Add text
function Addtext() {
   canvas.add(new fabric.IText('Tap and Type', {
      left: 50,
      top: 100,
   }));
}

<button onclick="Addtext()">+ Text</button>

Answer 1

您可以使用canvas.setActiveObject()。 Jsfiddle

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

function Addtext() {
   var text = new fabric.IText('Tap and Type', {
      left: 50,
      top: 100,
   });
   canvas.add(text);
   canvas.setActiveObject(text);
}
$('#add').click(Addtext);

Answer 2

您应该使用：添加对象并将对象设置为活动，如下所示;

canvas.on({
        'object:added': function(e) {
              e.set('active',true); 
            }
        }

或者，您需要将对象放在变量中，然后将其设置为活动状态。

如何将添加的项目设置为活动对象？

2 个答案: