Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript fabric.js fabric.Image.fromURL在使用外部url时引发错误_Javascript_Fabricjs - Fatal编程技术网

Javascript fabric.js fabric.Image.fromURL在使用外部url时引发错误

Javascript fabric.js fabric.Image.fromURL在使用外部url时引发错误,javascript,fabricjs,Javascript,Fabricjs,我一直在尝试使用fabric.js的fabric.Image.fromURL将图像添加到画布中,图像位于另一台服务器上 图像可以很好地添加和加载,但一旦我开始移动它或调整它的大小,它就会消失。Firebug然后在fabric.js脚本中显示错误附近的位置,接近“fabric.Image已定义” 这是我的密码: <canvas id="c" width="600" height="300"></canvas> var canvas = new fabric.Canvas(

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

图像可以很好地添加和加载,但一旦我开始移动它或调整它的大小,它就会消失。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();
});

var canvas=newfabric.canvas('c');
fabric.Image.fromURL('http://img3.wikia.nocookie.net/__cb20120402213942/masseffect/images/5/57/Small_Arms_Codex_Image.jpg,函数(oImg){
oImg.刻度(1.0)设置({
左:1,,
排名:1
});
canvas.add(oImg).setActiveObject(oImg);
canvas.renderAll();
});
这是我的答案

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

可能出了什么问题?谢谢你的帮助


编辑:显然这是一个firefox错误。在Chrome、Safair(适用于windows)和IE(:o)上进行测试不确定这是否是您的确切问题,但使用来自外国网站的图像会引起安全标志,不允许您使用它。这篇文章有更详细的描述。

你找到解决方案了吗?我也有同样的问题。
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(70000).set({
    left: 100,
    top: 100
  });

  canvas.add(oImg).setActiveObject(oImg);
  canvas.renderAll();
});