繪制Canvas出現 Cannot read property 'getContext' of null;

問題：

chrome/極速360瀏覽器報錯：Cannot read property 'getContext' of null

filefox報錯：TypeError: c is null

IE Edge：控制台沒有報錯，但是canvas圖像也不顯示

IE10/IE9報錯：SCRIPT5007: 無法獲取未定義或 null 引用的屬性“getContext”

解決方法：

　　將繪制方法，即繪制圖片的<script>方法，放在body<canvas></canvas>下面

因為Chrome下需要文檔載入完成后才能獲得canvas對象。

ps：

修正問題后，IE8報錯：SCRIPT438: 對象不支持“getContext”屬性或方法

IE8及以下的瀏覽器不支持canvas.