window.οnlοad=function(){

var Canvas=document.getElementById("canvas");

var cxt=Canvas.getContext("2d");

var bg=new Image();

//你指定了圖片的地址，但是圖片的加載是需要時間的

bg.src="../img/2-14020314314A26.jpg";

//執行完上面一行，馬上就開始畫這個圖

//雖然bg這個對象有了，但是圖片還沒有加載完成，因此畫的時候什么都沒有

cxt.drawImage(bg,0,0);

};

改成這樣：

window.οnlοad=function(){

var Canvas=document.getElementById("canvas");

var cxt=Canvas.getContext("2d");

var bg=new Image();

//先指定一個回調函數，圖片加載好之后自然會回來執行

bg.onload = function () {

cxt.drawImage(bg,0,0);

};

//加載圖片，完成后執行剛才的函數

bg.src="../img/2-14020314314A26.jpg";

};

感興趣的話可以來看看我的Gorgeous.JS。