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

Posted 2023-03-25

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

【英文标题】：How to select programmatically one image within set of images in Fabric.js rendered

【发布时间】：2021-09-24 01:04:07

【问题描述】：

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

【参考方案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);

【讨论】：

谢谢你的回答。有什么方法可以使用 id 吗？

这应该有助于***.com/questions/40191597/…

实际上我需要做一些 Photoshop，比如图层列表和使用画布更改图像的顺序。有没有使用这个 fabricjs 的方法或任何推荐。？