2011/12/26更新

[HTML5] Canvasタグでお絵描きサイトを作ってみた

このエントリーをはてなブックマークに追加      

最近HTML5を始めました。今日はCanvasタグを利用して、お絵描きが出来るページを作ってみました。自分の書いた絵はヘタッピですが、絵が簡単に描けるのは楽しいです。

f:id:yoheiM:20110327001320p:image

http://html5learner.appspot.com/html/canvas/freeHandWrite2.html

実装は150行程度とライトに開発できました。

それなのに、線を引いて、色を変えて、線の太さも変えて、画像を保存して、、、など様々な機能を盛り込むことができました。

Canvasは簡単に色々な事ができて楽しいですね。

なお、実装コードはApachLicense2.0とし、勝手にコピーやらしてもらって結構です。

最後に、私のTwitter(@yoheiMune)も宜しくお願いします。

HTML5次も頑張ろうっと。








こんな記事もいかがですか?

RSS画像

もしご興味をお持ち頂けましたら、ぜひRSSへの登録をお願い致します。