使用fabric js时获取canvas对象

我正在使用Fabric.js，我在一个地方创建了一个织物canvas对象。

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

现在在另一个地方，我想访问这个’x’不可用的对象。 那么我怎样才能获得相同的结构canvas对象。

我不想改变x的范围或传递x作为arg。

另外，如何从结构canvas对象中获取toDataURL？

Answer 1

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

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

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

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