Question

When I load an image in my canvas and specify its src I use a file name that’s in the same folder as the html file, and that loads the img. So it would be like this:

img.src = 'Untitled.png'; 

But if I try this, the img doesn’t load

img.src = 'http://dgroover.wikispaces.com/file/view/bill-gates-car.jpg'; 

Does anyone know whats wrong?

Answer 1

Works with this code:

markup part

<canvas id="cnv" width="500" height="500"></canvas>

script part

var img = new Image();
img.onload = function(){
    document.getElementById("cnv").getContext("2d").drawImage(this,0,0);
};
img.src="http://dgroover.wikispaces.com/file/view/bill-gates-car.jpg";​

DEMO