javascript - fabric.js fabric.Image.fromURL 在使用外部 url 时抛出错误

Question

我一直在尝试使用 fabric.js 的 fabric.Image.fromURL 将图像添加到我的 Canvas 中，图像位于另一台服务器上。

图像添加并加载正常，但一旦我开始移动它或调整它的大小，它就消失了。然后，Firebug 将 fabric.js 脚本中的错误附近显示为“fabric.Image 已定义”附近的某处。

这是我的代码:

<canvas id="c" width="600" height="300"></canvas>

var canvas = new fabric.Canvas('c');

fabric.Image.fromURL('http://img3.wikia.nocookie.net/__cb20120402213942/masseffect/images/5/57/Small_Arms_Codex_Image.jpg', function(oImg) {
    oImg.scale(1.0).set({
        left: 1,
        top: 1
    });
    canvas.add(oImg).setActiveObject(oImg);
    canvas.renderAll();
});

这是JSFiddle Link .

但是，如果我使用本地 url 引用，例如“images/myfile.jpeg”，它工作正常。

可能有什么问题？感谢您的帮助。

编辑:显然这是一个 firefox 错误。经过测试可在 Chrome、Safair(适用于 Windows)和 IE (:o) 上运行

Answer 1

不确定这是否是您的确切问题，但 there is the issue described in this post使用来自外国网站的图像会引发安全标志，不允许您使用它。帖子中对此进行了更详细的描述。