同樣的錯誤'ahorcado.js：26 Uncaught TypeError：無法讀取屬性'beginPath'undefined'

Question

我試圖做一個Hang子手遊戲，但即時如此n00b，我沒有得到哪裏是我的代碼上的錯誤，我很高興，如果你能幫助我，（對不起我的英文不好。）

var hombre; 

var Ahorcado = function (con) { 
    this.contexto = con; 
    this.maximo = 5; 
    this.intentos = 0; 

    this.dibujar(); 
} 

Ahorcado.prototype.dibujar = function() { 

    var dibujo = this.contexto; 

    dibujo.beginPath(); 
    dibujo.moveTo(150,100); 
    dibujo.lineTo(150,50); 
    dibujo.lineTo(400,50); 
    dibujo.lineTo(400,350); 
    dibujo.strokeStyle = '#000' 
    dibujo.stroke(); 
    dibujo.closePath(); 
} 



function iniciar() { 
    var canvas = document.getElementById('c'); 
    canvas.width = 500; 
    canvas.height = 400; 
    var contexto = canvas.getContext('2d'); 
    hombre = new Ahorcado(); 
} 

感謝。

Answer 1

你的函數接受var Ahorcado = function (con) {...}

當你調用hombre = new Ahorcado()參數con，你忘了你的contexto變量傳遞。

將其更改爲：

function iniciar() { 
    var canvas = document.getElementById('c'); 
    canvas.width = 500; 
    canvas.height = 400; 
    var contexto = canvas.getContext('2d'); 
    hombre = new Ahorcado(contexto); 
} 

Answer 2

var contexto = canvas.getContext('2d'); 
hombre = new Ahorcado(); 

你忘了在上下文傳遞給構造