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 

Answer 1

나는 그것이 소문자 "D"와 2d 생각 여기

은 내가 사용하는 코드입니다. 다음 to the specs 따라

context = canvas.getContext('2d'); 

그리고, 그 아니라면 : 그것은이 방법을 시도

(getContext)는 null를 돌려줍니다 주어진 컨텍스트 ID가 지원되지 않는 경우, 캔버스가 이미로 초기화 된 경우 다른 컨텍스트 유형 (예 : "webgl"컨텍스트를 얻은 후 "2d"컨텍스트를 얻으려는 경우).