我正在尝试绘制图像,但我不知道为什么这不起作用。我创建了一个新的图像对象,然后我将图像的链接添加到图像对象。
但它会出现以下错误意外的令牌。
this.ctx.fillStyle = 'rgba(255,255,255,0.7)';
this.ctx.fillText('Summoner: '+player2, 10 , 465);
var img = new Image();
img.src = 'http://localhost:4004/public/images/Chainlinks/Add%20Burn.png';
this.ctx.drawImage(img,10,10);
我编辑了我的帖子因为现在我有另一个问题,src中的链接给出了错误304.所以这就像没找到或某事。当我在浏览器中键入整个链接时,它会显示图像。所以它链接到正确的位置
答案 0 :(得分:1)
删除
中的var
var img.src = '/public/images/Chainlinks/Add%20Burn.png';
您并未声明新变量,只是设置了src
的{{1}}属性。
对于第二个问题(真的应该在另一个QA中......),看起来你正面临same origin policy。如果您没有设置相关的CORS标题,则无法在浏览器中操纵JS从其他来源加载的图像内容。