Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTML5 Canvas에서 getContext란 무엇입니까?

<시간/>

캔버스 요소에는 렌더링 컨텍스트 및 해당 그리기 기능을 가져오는 데 사용되는 getContext라는 DOM 메서드가 있습니다. 이 함수는 컨텍스트 2d의 유형인 하나의 매개변수를 사용합니다.

다음은 브라우저가 요소를 지원하는지 확인하는 것과 함께 필요한 컨텍스트를 가져오는 코드입니다.

var canvas = document.getElementById("mycanvas");
if (canvas.getContext){
   var ctx = canvas.getContext('2d');

   // drawing code here
   } else {

   // canvas-unsupported code here
}