ブラウザ上でお絵描きのできる canvas 要素をjQuery で操作してみた。 まず、jQuery をインクルードした白紙のページを Google Chrome で開き、Shift + Ctrl + J で JavaScript コンソールを表示する。別のウインドウに表示されてしまったら、左下隅の四角形のアイコンをクリックすると同じWindowに表示させることができる。 最初にキャンバス要素を作成する。 $('body').append('<canvas id="sample" width=300 height=150></canvas>'); 次に canvas の2Dコンテキストオブジェクトを作る。 c=$('canvas')[0].getContext('2d'); なぜ $('canvas')[0] なのだろうと思うかもしれないが、$('canvas') で検索できるDOM要素は
![canvas をjQueryで使う。 | tnomuraのブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/3295a1ceb2c98e1a825760f4ebf73aff51e7df4b/height=288;version=1;width=512/https%3A%2F%2Fpds.exblog.jp%2Flogo%2F1%2F200504%2F30%2F98%2Fd003829820050508181526.jpg)