Javascript 为什么可以';我不能画图像吗?(fabric.js)

Javascript 为什么可以';我不能画图像吗?(fabric.js),javascript,html,fabricjs,Javascript,Html,Fabricjs,我只是在学习fabric.js教程,但我不会画图像。 我会画矩形,但不会画图像。 为什么这个代码不起作用 此处的脚本: var canvas = new fabric.Canvas('c'); fabric.Image.fromURL('pug.jpg', function(img) { img.filters.push(new fabric.Image.filters.Grayscale()); img.applyFilters(canvas.renderAll.bind(can

我只是在学习fabric.js教程,但我不会画图像。 我会画矩形,但不会画图像。 为什么这个代码不起作用

此处的脚本:

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

fabric.Image.fromURL('pug.jpg', function(img) {

  img.filters.push(new fabric.Image.filters.Grayscale());

  img.applyFilters(canvas.renderAll.bind(canvas));

  canvas.add(img);

});

出现错误了吗?嗯。。当我用浏览器打开它时,它没有显示任何内容(空)。哦,我在这里遇到了错误:未捕获的安全性错误:未能在“CanvasRenderingContext2D”上执行“getImageData”:画布已被跨源数据污染。fabric.js:17405fabric.Image.filters.Grayscale.fabric.util.createClass.applyTo fabric.js:17405(匿名函数)fabric.js:16693fabric.Image.fabric.util.createClass.applyFilters fabric.js:16692(匿名函数)app.js:26(匿名函数)fabric.js:16852img.onload我看到了。看看这些关于
被跨源数据污染的问题。和这可能是因为您的映像托管在其他地方,或者您没有在本地服务器上托管应用程序。噢,非常感谢!