私たちが使用する最も基本的な描画環境は Canvas での描画であり、描画環境は Canvas オブジェクトの getContext() メソッドを呼び出すことで取得されます。 getContext() メソッドには、描画環境のタイプというパラメータが 1 つだけ必要です。ゲームでは2Dタイプの描画環境を使用しています。 キャンバス描画環境を取得します コードをコピーしますコードは次のとおりです: HTML5 <br>//この関数はページが完全にロードされたら、<br>function pageLoaded() <br>{ <br>//キャンバス オブジェクトへの参照を取得します。tCanvas 名は var Canvas = document.getElementById('tCanvas '); <br>//このキャンバスの 2D 描画環境を取得します<br>var context = Canvas.getContext('2d'); <br>//ここに表示されます<br>} <br>< /script> <br><body onload="pageLoaded();"> <br><キャンバスの幅 = "400" = "200" id = "tCanvas" style = "border:black 1px Solid;"> <br><!--ブラウザがサポートしていない場合は、次のフォントが表示されます-->ヒント: お使いのブラウザは <canvas> <br> </html> タグをサポートしていません。</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
