HTML5 Canvas・お絵かき編 (gorogoronyan)

はじめの一歩・マウスイベントを拾って描画する ◎ TestCanvasMouseEvent01.html （2010/02/11） HTML5 Canvasのサンプル で紹介しているサンプル。 内容は簡単な塗り絵のサンプルです。マウスでドラッグすると描画します。 HTML／JavaScriptでは部品やマウスの座標がややこしくなります・・・Google 検索で「div、座標」ぐらいで検索してみてください。div の座標を得るあたりからややこしくなる。 ◎ TestCanvas_Paint01.html （2010/02/11） 上のサンプルに画像消去ボタンやデバッグ表示のテキストエリアをつけたもの。 描画のずれをなくすため、Canvas をウインドの左上 (0,0) につめています。また、ウインドのスクロールを禁止にしています。 これを土台にしていろいろ足してみます。 筆の色