如何以编程方式在 Fabric.js 呈现的一组图像中选择一个图像

Question

画布中有多个图像 如何在fabric js中以编程方式选择一个

fabric.Image.fromURL(this.imageSrc, (img) => {
      let oImg = img.set({
        left: 0,
        top: 0,
        angle: 0,
      }).scale(1);
this.canvas.add(oImg).renderAll();

Answer 1

您可以将图像分配给这样的变量：

var oImg;
fabric.Image.fromURL(this.imageSrc, (img) => {
  oImg = img.set({
    left: 0,
    top: 0,
    angle: 0
  });
  canvas.add(oImg).renderAll();
});

由于图像对象现在存储为oImg，您可以这样选择它：

canvas.setActiveObject(oImg);

或者，您可以像这样根据索引选择画布中的对象：

var obj = canvas.item(0);
canvas.setActiveObject(obj);