Javascript fabric.js fabric.Image.fromURL在使用外部url时引发错误
我一直在尝试使用fabric.js的fabric.Image.fromURL将图像添加到画布中,图像位于另一台服务器上 图像可以很好地添加和加载,但一旦我开始移动它或调整它的大小,它就会消失。Firebug然后在fabric.js脚本中显示错误附近的位置,接近“fabric.Image已定义” 这是我的密码: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(
<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();
});