
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

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

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