Cuándo corro el código en el navegador la consola me dice:
"Uncaught TypeError: this.dibujar is not a function".
Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DAIGHT</title>
<script type="text/javascript" src="DAIGHT.js"></script>
</head>
<body>
<canvas width="600" height="600" id="c"></canvas>
<script type="text/javascript">
inicio();
</script>
</body>
</html>
Código Js:
var soloId, canvas;
var dinosaur;
var Imagen = function (u, x, y) {
this.iURL = u;
this.iOK = false;
this.pos = [x, y];
this.i;
this.creari(this.i, this.iURL);
this.dibujar;
this.confirmar;
}
Imagen.prototype.creari = function (i, u) {
i = new Image();
i.src = u;
i.onload = this.confirmar;
}
Imagen.prototype.confirmar = function ()
{
if (this.iOK == false)
{
this.iOK = true;
}
this.dibujar(this.i);
}
Imagen.prototype.dibujar = function (i)
{
if (this.iOK == true)
{
canvas.drawImage(i, this.pos[0], this.pos[1]);
}
}
function inicio(){
soloId = document.getElementById("c");
canvas = soloId.getContext("2d");
dinosaur = new Imagen("Dinosaur.png", 555, 555);
}
Muchas Gracias por su ayuda.