プログラミングで飯を食え。腕をあげたきゃ備忘録!

PHP、JavaScript、HTML5、CSS3などWEB系言語を中心に基本テク、備忘録をまとめます。Android、Iphoneアプリ開発についても!

HTML5のcanvasでお絵かきツール!簡単な作り方を書いておきます!③

サクウェブTVはコチラ↓↓↓
サクウェブTV

さて、実行結果を確認してみます。

読み込んで、$.drawPic($("#box"));と記述するだけで

<div id="box"></div>

にお絵かきツールが出現します!

Youtubeの動画で貼り付けますのでご覧ください。

はい。こんな感じです。ちょー簡単に実装できたわりには、結構ちゃんとしたお絵かきツールを作ってあるつもりです。

 

これを何に使えるのかっていうとわかりませんが、使いたい方はご自由にどうぞ!

このプラグインの中身の説明についても、一部備忘録的に記事に書きますのでよろしければそちらも読んでみてください。