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

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

コードをコピー

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

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

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

JavaScript コード:

コードをコピー

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

• AlloyTouch 全画面スクロール プラグインは 30 秒で滑らかな H5 ページを作成します
• HTML5の実戦とタッチイベント解析（touchstart、touchmove、touchend）
• HTML5 Canvas 9での画像描画例を詳しく解説
• 正規表現と新しい HTML5 要素
• NodeJS と HTML5 を組み合わせて複数のファイルをドラッグ アンド ドロップしてサーバーにアップロードする方法