ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 キャンバス - 単純な四角形と三角形を描画するサンプル code_html5 チュートリアルのスキル

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

WBOY
リリース: 2016-05-16 15:49:34
オリジナル
1882 人が閲覧しました

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

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



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

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

JavaScript コード:

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

人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート