javascript - 使用 fabric js 获取 Canvas 对象

Question

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

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

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

我不想更改 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);