Imagen en un Canvas desde cero con HTML5

En este pequeño tutorial se explicará rápidamente como crear un canvas desde cero y asignarle una imagen para que se cargue en nuestra página HTML

En este caso yo utilice una imagen llamada robot.jpg, pero tu puedes usar la que desees y una vez implementado el siguiente código tendrás la imagen visible en la página, tambien les dejo la imagen que utilice