投稿日: 投稿者: のんき

JavaScript (2) Canvas に絵を描いてみる

前回紹介した『図解 HTML5』を参考にして、HTML5 の Canvas に絵を描いてみました。プログラムのソースと実行結果を canvas.js として公開します。
図1 canvas.js の実行結果
【図1 canvas.js の実行結果】
HTML には JavaScript を直接書くこともできますが、<script> タグで、JavaScript のソースファイル canvas.js を指定しています。<body> の中に HTML5 で追加された <canvas> タグを書いて、キャンバスの大きさを指定します。また、HTML5 で追加された id 属性でキャンバスの名前を設定し、JavaScript から指定できるようにします。
JavaScript では今回設定したキャンバスの id=”no” （「の」です）に対し、直線と円弧のストロークを用いて、ひらがなの「の」を描いています。
（つづく）

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

Gravatar
WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ( ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ( ログアウト /  変更 )

キャンセル

%s と連携中

%d人のブロガーが「いいね」をつけました。