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

问题描述

画布中有多个图像 如何在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();

解决方法

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

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);