Javascript 在fabric.js中从URL加载图像而不回调

我试图将图像存储在变量中，以便在某个事件之后将其添加到画布中

像这样的代码正在工作

new fabric.Image.fromURL('http://www.w3schools.com/css/img_fjords.jpg', function (img)
       {
           console.log(img);
       });

在控制台上，我看到这样的东西：

klass {filters: Array[0], resizeFilters: Array[0], _element: img.canvas-img, _originalElement: img.canvas-img, width: 560…}

这很好。 但是当我试图存储这个图像时，它是这样变化的

var img = new fabric.Image.fromURL('http://www.w3schools.com/css/img_fjords.jpg');

当我使用console.log（img）时，我得到了这个

f…c.I…e.fromURL {}

---

请解释如何保存，以及我做错了什么。

您可以使用下面的代码将图像添加到画布中

var imgObj = new Image();
imgObj.src = "http://www.w3schools.com/css/img_fjords.jpg";
imgObj.onload = function () 
{
    var image = new fabric.Image(imgObj);
    image.set({
        angle: 0,
        padding: 0,
        originX: "center",
        originY: "center"
    });
}

---

您也可以在添加图像时设置其他属性。

您可以使用下面的代码将图像添加到画布中

var imgObj = new Image();
imgObj.src = "http://www.w3schools.com/css/img_fjords.jpg";
imgObj.onload = function () 
{
    var image = new fabric.Image(imgObj);
    image.set({
        angle: 0,
        padding: 0,
        originX: "center",
        originY: "center"
    });
}

您也可以在添加图像时设置其他属性