キャンバス上に描画するために使用される HTML5 組み込みオブジェクト

HTML5 では、キャンバス上に描画するために組み込みオブジェクト getContext() が使用されます。getContext() は、レンダリング コンテキストとその描画関数を取得するために使用されます。キャンバス上に描画するための環境を返すことができます。構文は「Canvas.getContext(contextID)」です。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

キャンバス上での描画に使用される HTML5 組み込みオブジェクトはどれですか? ()

A.getContent

B.getContext

C.getGraphics

D.getCanvas

正解: B

getContext() メソッドは、レンダリング コンテキストとその描画関数を取得するために使用され、キャンバス上に描画するための環境を返すことができます。この関数は、context2d のタイプという 1 つのパラメーターを受け取ります。

構文

Canvas.getContext(contextID)

パラメータ

• パラメータ contextID は、キャンバス上に描画する描画のタイプを指定します。現在、唯一の有効な値は「2d」です。これは 2D 描画を指定し、このメソッドは 2D 描画 API をエクスポートする環境オブジェクトを返します。

ヒント: 将来、 タグが 3D 描画をサポートするように拡張された場合、getContext() メソッドで「3d」文字列パラメータを渡すことができるようになる可能性があります。

戻り値

• CanvasRenderingContext2D オブジェクト。Canvas 要素への描画に使用できます。

#説明

• 描画に使用される環境のタイプを表す環境を返します。その目的は、さまざまな描画タイプ (2D、3D) にさまざまな環境を提供することです。現在サポートされているのは「2d」のみです。これは、キャンバスで使用されるほとんどのメソッドを実装する CanvasRenderingContext2D オブジェクトを返します。

例: 必要なコンテキストを取得し、ブラウザーが 要素をサポートしているかどうかを確認するコードは次のとおりです:

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

関連する推奨事項: HTMLビデオチュートリアル>>

以上がキャンバス上に描画するために使用される HTML5 組み込みオブジェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。