Lấy đối tượng canvas trong khi sử dụng vải js

Question

Tôi đang sử dụng Fabric.js và tôi đã tạo đối tượng canvas vải ở một nơi.

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

Bây giờ ở một nơi khác, tôi muốn truy cập đối tượng này khi không có 'x'. Vậy làm thế nào tôi có thể nhận được cùng một đối tượng canvas vải.

Tôi không muốn thay đổi phạm vi của x hoặc chuyển x thành arg.

Ngoài ra, làm thế nào để có được toDataURL từ đối tượng canvas vải?

Answer 1

Giả sử rằng mycanvas là ID của phần tử Canvas, bạn có thể lưu trữ các tham chiếu đến các đối tượng vải trên các yếu tố Canvas bản thân:

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

Sau đó bạn có thể lấy đối tượng mà bất cứ lúc nào bạn muốn với:

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