b00k.jp ~積み上げ式読書ノート~
公開日:
最終更新日:2016/12/31

Canvasを使って図形を描く

Canvasとは

ブラウザ上にJavaScriptで図形を表現する技術。
GIFやJPEGなどの画像やFlashやJavaなどのプラグインを使う必要がありません。

【参考】Canvasとは
http://www.html5.jp/canvas/what.html

Canvasのサンプルソース

では、実際にCanvasを使って図形を描いてみましょう。
図形を描写ボタンをクリックすると、Canvasで図形を描きます。





■HTML

■JavaScript

これだけだと大した機能には見えないかもしれませんが、頑張ればこんなのもできるみたいです。

ゲームを作りながら楽しく学べるHTML5 CSS JavaScriptプログラミング (NextPublishing)

広告

カテゴリー: IT

曲をつくりました!




オススメ記事


PAGE TOP ↑