HTMLの<canvas>要素で2次元グラフィックスを描画するJavaScript APIの標準仕様。
「Canvas 2D」を星図で探索する →
「Canvas 2D」とは?意味を解説
ウェブブラウザ上で2次元の図形、テキスト、画像などをピクセル単位で描画するための技術です。JavaScriptから直接操作でき、グラフ、ゲーム、アニメーション、データ可視化など幅広い表現が可能。WebGLなどの3D技術と異なり、2次元描画に特化しています。
例文
- Canvas 2DでグラフやチャートをWebページに動的に描画できる。
- ゲーム開発ではCanvas 2Dを使ってキャラクターやエフェクトを実装する。
- Canvas 2DのgetContext()メソッドで描画コンテキストを取得して操作する。
語源・由来
「Canvas」は「帆布」「画布」の意。「2D」は「2-Dimensional(2次元)」の略。2000年代半ばにAppleがWebKit向けに提案し、HTML5の仕様に組み込まれた。
英語で言うと
Canvas 2D APIHTML5 Canvas2D Context
「Canvas 2D」との違いを比較する
似た言葉との違い・使い分けを解説しています。
「Canvas 2D」をもっと知る本
この言葉やそのテーマを深めたい方へ。
語彙の星雲で「Canvas 2D」を探索する →