キャンバスに画像をロードし、その src を指定すると、html ファイルと同じフォルダーにあるファイル名を使用して、img をロードします。したがって、次のようになります。
img.src = 'Untitled.png';
しかし、これを試してみると、img が読み込まれません
img.src = 'http://dgroover.wikispaces.com/file/view/bill-gates-car.jpg';
誰が何が悪いのか知っていますか?
このコードで動作します:
マークアップ部分
<canvas id="cnv" width="500" height="500"></canvas>
スクリプト部分
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";