캔버스에 그리는 데 사용되는 HTML5 내장 객체

HTML5에서는 내장 객체 getContext()를 사용하여 캔버스에 그리기 위한 환경을 반환할 수 있습니다. "Canvas.getContext"(contextID)".

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

캔버스에 그리는 데 사용되는 HTML5 내장 개체는 무엇입니까? ()

A.getContent

B.getContext

C.getGraphics

D.getCanvas

정답: B

getContext() 메소드는 렌더링 컨텍스트와 해당 그리기 기능을 얻는 데 사용됩니다. 캔버스에 그리기 위한 환경을 반환할 수 있습니다. 이 함수는 context2d 유형의 매개변수 하나를 사용합니다.

Syntax

Canvas.getContext(contextID)

Parameters

• Parameter contextID는 그리려는 캔버스 유형을 지정합니다. 현재 유효한 유일한 값은 2D 드로잉을 지정하고 이 메서드가 2D 드로잉 API를 내보내는 환경 개체를 반환하도록 하는 "2d"입니다.

팁: 앞으로 태그가 3D 드로잉을 지원하도록 확장되면 getContext() 메서드에서 "3d" 문자열 매개변수 전달을 허용할 수 있습니다.

반환 값

• Canvas 요소에 그리는 데 사용할 수 있는 CanvasRenderingContext2D 개체입니다.

Description

• 그리는 데 사용된 환경 유형을 나타내는 환경을 반환합니다. 다양한 도면 유형(2D, 3D)에 대해 다양한 환경을 제공하려는 의도입니다. 현재 지원되는 유일한 것은 캔버스에서 사용되는 대부분의 메서드를 구현하는 CanvasRenderingContext2D 개체를 반환하는 "2d"입니다.

예: 필요한 컨텍스트를 가져오고 브라우저가 요소를 지원하는지 확인하는 코드는 다음과 같습니다.

var canvas = document.getElementById("mycanvas");
if (canvas.getContext){
   var ctx = canvas.getContext('2d');
   //在这里绘制代码
   } else {
   //画布不支持的代码在这里
}

관련 권장 사항: "html 비디오 튜토리얼"

위 내용은 캔버스에 그리는 데 사용되는 HTML5 내장 객체의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!