javascript - canvas.getContext('2D') は null 値を返します

Question

キャンバスを作成し、そのgetContext()メソッドを呼び出しました。しかし、それはnullコンテキストに戻ります。

私が使用したコードは次のとおりです。

<script>
    window.onload =  init;
    function init(){
        var canvas, context;
        canvas = document.getElementById('canvas');
        context = canvas.getContext('2D');
        console.log(canvas);
        console.log(context);
    }
</script>

コンソールでこれを取得しました：

<canvas id="canvas" width='500' height='250'>This is a canvas</canvas> null