在國王跳棋上繪製皇冠形象？

Question

我正在製作一個網站，用戶可以在線和本地玩跳棋。

我目前正試圖在加冕的跳棋上畫冠。這裏就是我想提請冠我檢查類，如果檢查者王：

function Checker(x,y,color) { 
    this.x = x; 
    this.y = y; 
    this.color = color; 
    this.king = false; 

    this.draw = function() { 
     ctx.fillStyle = this.color; 
     ctx.beginPath(); 
     ctx.ellipse(this.x+32,this.y+32,28,28,45 * Math.PI/180,0,2 * Math.PI); 
     ctx.fill(); 
     if(this.king) { 
      crown.onload = function() {ctx.drawImage(crown,this.x,this.y)}; 
     } 
    } 
} 

這裏是我的全部代碼：（我做了的jsfiddle :)） https://jsfiddle.net/yv0v1auz/

出於某種原因冠不會在檢查者的頭頂上畫？

這是爲什麼？有人可以對此有所瞭解嗎？

Answer 1

解決我的問題，我改線365從這個：

crown.onload = function() {ctx.drawImage(crown,this.x,this.y)}; 

這樣：

ctx.drawImage(crown,this.x,this.y); 

我然後移動線131線84這似乎解決我的問題

這個問題似乎是我的照片在錯誤的目錄（哎呦） 然後，檢查者的國王狀態只會被點擊時更新。這就是爲什麼圖像不會出現，除非它被選中。這就是爲什麼我把第131行移到第84行。