1. 程式人生 > >canvas 報錯記錄 (一)

canvas 報錯記錄 (一)

在執行下面程式碼的時候報錯

  		var can = document.getElementById("can");
        var ctx = can.getContext();
        ctx.content.cfillRect(500,500,200,200);
        ctx.content.fillStyle='red';

報錯如下

    Failed to execute 'getContext' on 'HTMLCanvasElement': 1 argument required, but only 0 present.

經過定位發現是 can.getContext();方法沒傳遞引數
後來又改為有引數的,傳遞一個"2D",如

can.getContext("2D");

結果還是有報錯

報錯 Uncaught TypeError: Cannot set property 'fillStyle' of null

納悶了,居然沒有這個屬性!!!再經定位,改成小寫的"2d"即可
程式碼如下

can.getContext("2d");