堀北真希うさぎ
主な作品
制作者作成のイラストと動画(一例)

ページ案内▼

getContext()メソッド。

HTML 5で導入される<canvas>要素を操作するために用いるJAVAスクリプトのメソッドのうち、キャンヴァスへアクセスするためのオブジェクトを与えるgetContext()メソッドについての解説です。

getContext()メソッド・目次。

getContext()メソッドとは。

getContext()メソッドは、<canvas>要素のノードに対して、キャンヴァスとしてアクセス出来るオブジェクトを与えるメソッドです。

<canvas>要素を扱う際には、必ず事前に一回実行しなければなりません。

getContext()メソッドの対応状況。

<canvas>要素をサポートしているウェブブラウザであれば、全てのブラウザが対応しております。

getContext()メソッドの引数と戻り値。

getContext()メソッドの引数は一つ(文脈名…大文字小文字を区別)です。

getContext()メソッドの戻り値は、実際に描画用のプロパティ及びメソッドを実装したオブジェクトです。

getContext()メソッドの使用例。

事前に必ず実行しなければならないメソッドですので、以下のパターンで覚えておくと良いでしょう。

var c=document.getElementById('CANVAS');

/* IEだとこれがないと動作しない場合があります */
if (document.all && !window.opera) c=G_vmlCanvasManager.initElement(c);

/* ノードが取れたか判定 */
if (!c || !c.getContext) {
    return(false);
    }

var ct=c.getContext('2d');

しらぎくのウェブサイト作成入門サイトマップ

marguerite.site@gmail.com