HTML5的Canvas可以處理其中繪製的多個圖像嗎？

Question

輸出頁面：http://tinyurl.com/9stfo3p 驗證碼：http://tinyurl.com/8wz9krj

直接的問題：我是處理這個錯誤的方式，或可HTML5不是一個帆布處理這麼多的圖片？

詳情：我用PhP，HTML5和Javascript製作了一個腳本，以便測試我想完美裝扮功能的一些代碼。當我完成時，它運行良好。然後我開始刷新頁面以查看畫布加載/響應的速度。

某些圖像有時無法顯示，並且在刷新幾次之後，畫布上根本沒有顯示任何圖像。

我以這種方式決定了代碼，所以我不必擔心GD庫，如果我想添加一個動畫Gif，我不必對代碼做太多工作（或者至少，我不認爲我必須）。

Answer 1

畫布可以處理儘可能多的圖像，只要你喜歡。

在你的情況，我看到一個Uncaught TypeError: Cannot call method 'getContext' of null，可能是因爲你正在做window.onload = draw()，它立即調用draw方法，並在DOM準備好之前。

它應該工作，如果你只是改變它：

window.onload = draw; 

我已經把你的代碼要一把小提琴，你可以看到它做工精細here