HTML5 キャンバス - 単純な四角形と三角形を描画するサンプル code_html5 チュートリアルのスキル

まず、HTML ページに Canvas 要素を配置します。Canvas 要素には、ID、幅、高さの 3 つの属性が必要です。

コードをコピー

コードは次のとおりです:

キャンバス オブジェクトを取得し、コンテキストを取得します var cxt=document.getElementById('demo').getContext( "2d"); パラメータ 2d が決定されます。

描画を開始するには、塗りつぶしとストロークの 2 つのフォームがあります。

JavaScript コード:

コードをコピー

コードは次のとおりです: