使用fabric js获取画布对象

Question

我正在使用Fabric.js，并在一个位置创建了一个Fabric canvas对象。

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

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

我不想改变x的范围或将x传递给arg。

另外，如何从织物画布对象中获取toDataURL？

Answer 1

假设mycanvas是Canvas元素的ID，你可以存储Canvas元素本身的参考结构对象：

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

然后你可以检索对象，你想要的任何时间：

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