使用fabric js时获取canvas对象

Question

我正在使用 Fabric.js，并且我在一个地方创建了一个 Fabric 画布对象。

var x = new fabric.Canvas("mycanvas");

现在在另一个地方，我想访问这个对象，其中“x”不可用。那么我怎样才能获得相同的织物画布对象。

我不想更改 x 的范围或将 x 作为参数传递。

另外，如何从fabric canvas对象获取toDataURL？

Answer 1

假设

mycanvas

是 Canvas 元素的 ID，您可以将对 Fabric 对象的引用存储在 Canvas 元素本身上：

var x = new fabric.Canvas("mycanvas");
document.getElementById("mycanvas").fabric = x;

然后您可以随时检索该对象：

var y = document.getElementById("mycanvas").fabric;
var url = y.toDataURL("png", 1);

Answer 2

如何使用多个fabricjs画布我需要在画布中输入当前幻灯片？？？反应中？？？

for (var i = 0; i < canvasList.length; i++) {



  const canvasId: any = document.getElementById(canvasList[i]) 

const canvas = new fabric.Canvas(canvasId ,{
  // preserveObjectStacking:true,
  // selectionBorderColor:'green',
  // isDrawingMode:true

  
})

}