
Yandri Pinargote
PreguntaYa se que es un pregunta bien basica pero no se porque me sale este error
HTML
<!DOCTYPE html> <html > <head> <meta charset="utf-8"> <title>Villa Platzi</title> </head> <body> <h1>Villa</h1> <script src= "platzi.js"></script> <canvas id = "villaPlatzi" width="100" height="100"></canvas> </body> </html>
JS
var d = document.getElementById('villaPlatzi'); var papel = d.getContext("2d"); var mapa = "tile.png" ; // en una variable se pone el titulo del archivo var imagen = new Image(); // funcion new Image para llamar a una imagen imagen.src= mapa; // asi como el html se debe de llamar a la js aqui IGUAL imagen.addEventListener("load", dibujar); // evento cargar para cargar imagen function dibujar () { papel.drawImage( imagen, 0, 0); // drawImage es para poner la inagen } function aleatorio(min, max) { var resultado; resultado = Math.floor (Math.random() * (max - min +1)) +min; return resultado; }
En el explorador

Jorge Cruz Perez
El tag script ponlo después del de canvas, saludos :)

Yandri Pinargote
Genia muchas gracias Jorge me fue de mucha ayuda tu respuesta. Me podrias explicar el porque del error??