キャンバス上に描画するために使用される 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 {
   //画布不支持的代码在这里
}