HTML への Canvas タグの追加例 page_html5 チュートリアルのヒント

3.身長。キャンバスの高さ (ピクセル単位)。上記のコードでは、高さの値は 300 ピクセルです。

Canvas の開始タグ と終了タグ の間には、任意のテキストを配置できます。HTML Web ページを開くブラウザが Canvas をサポートしていない場合、このテキストは Canvas に表示されます。ラベルが貼られている場所。上記のコードでは、「お使いのブラウザは HTML5 Canvas をサポートしていません。」というテキストを使用しています。

JavaScript でドキュメント オブジェクトを使用してキャンバス要素を参照する

HTML ページがロードされると、ドキュメント オブジェクトはページ内のすべての要素を参照するため、DOM を使用して上記のコードで定義された を参照できます。

Canvas インターフェイスを使用して描画を表示する場所を知るために、Canvas オブジェクトへの参照が必要です。

まず、Canvas オブジェクトへの参照を保持するために theCanvas という名前の変数を定義します。

次に、ドキュメント オブジェクトの getElementById() 関数を呼び出し、受信パラメータを CanvasOne (HTML ページの タグの ID) に設定して、Canvas オブジェクトを取得します。