Drawimage 예기치 않은 토큰 "." nodejs

Question

이미지를 그리려하고 있지만 이것이 작동하지 않는 이유를 모르겠습니다. 새 이미지 객체를 만든 다음 이미지의 링크를 이미지 객체에 추가합니다.

하지만 다음과 같은 오류가 발생합니다. 예기치 않은 토큰입니다.

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라는 오류가 있습니다. 그래서 thats someting not found or something. 브라우저에 전체 링크를 입력하면 이미지가 표시됩니다. 그래서이 올바른 위치

Answer 1

에 연결되어 당신은 새로운 변수를 선언하지만, 단지 img의 src 속성을 설정하지 않을

var img.src = '/public/images/Chainlinks/Add%20Burn.png'; 

에 var를 제거합니다. 당신이 same origin policy 직면하고있는 것처럼 (실제로 다른 QA에 있어야합니다 ...) 두 번째 질문에 대한

---

, 그것은 보인다. 관련 CORS 헤더를 설정하지 않으면 브라우저에서 JS에서 다른 원점에서로드 된 이미지의 내용을 조작 할 수 없습니다.