Cargue la imagen desde la url y dibuje en HTML5 Canvas

Tengo problemas para cargar una imagen desde una url en javascript. El siguiente código funciona, pero no quiero tener que cargar la imagen desde html. Quiero cargar la imagen desde una url usando javascript puro.

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = document.getElementById("imImageId");
ctx.drawImage(img, 0, 0);

Respuestas a la pregunta(2)

Su respuesta a la pregunta