使用fabric js时获取canvas对象答案

【问题标题】：Get the canvas object while using fabric js使用fabric js时获取canvas对象
【发布时间】：2012-10-23 03:02:41
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案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);

【讨论】：