Получить объект canvas при использовании js js

Я использую Fabric.js, и я создал объект холста ткани в одном месте.

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

Теперь в другом месте я хочу получить доступ к этому объекту, где 'x' не будет доступен. Итак, как я могу получить один и тот же объект холста ткани.

Я не хочу менять область x или передавать x как arg.

Также, как получить toDataURL из объекта холста ткани?

Ответ 1

Предполагая, что mycanvas является идентификатором элемента Canvas, вы можете сохранить ссылку на тканный объект непосредственно на элементе Canvas:

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

Вы можете получить этот объект в любое время, когда хотите:

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