Question

我正在尝试将加载的图像添加到结构Group对象中。一切看起来都不错，但选择控件不可选，我无法拖动对象。左上角控件有效但点击后一切都很好。

这是展示行为的jsfiddle。

var canvas = new fabric.Canvas('canvas', { 
  width: 200, 
  height: 200
});
var group = new fabric.Group();
canvas.add(group);
fabric.Image.fromURL('https://placehold.it/100x100', function(img) {
  group.addWithUpdate(img);
  canvas.setActiveObject(group);
  canvas.renderAll();
});

这是一个错误还是我做错了什么？

Answer 1

我碰到了这篇文章，是因为我无法使图像的位置正常工作。我最终发现，使用document.createElement创建图像元素并设置src，然后使用所需的所有选项将其馈送到fabric.Image会更容易（而不是使用{{ 1}}，在将其添加到组中之前，这太令人头疼了。

fabric.Image.fromURL

FabricJS将图像添加到组会导致奇怪的控制行为

1 个答案: