canvas をjQueryで使う。 | tnomuraのブログ

ブラウザ上でお絵描きのできる canvas 要素をjQuery で操作してみた。 まず、jQuery をインクルードした白紙のページを Google Chrome で開き、Shift + Ctrl + J で JavaScript コンソールを表示する。別のウインドウに表示されてしまったら、左下隅の四角形のアイコンをクリックすると同じWindowに表示させることができる。 最初にキャンバス要素を作成する。 $('body').append('<canvas id="sample" width=300 height=150></canvas>'); 次に canvas の２Dコンテキストオブジェクトを作る。 c=$('canvas')[0].getContext('2d'); なぜ $('canvas')[0] なのだろうと思うかもしれないが、$('canvas') で検索できるDOM要素は