HTML5

描き間違いがあったときに一つ前の状態に戻る機能がほしくなったので、その機能を追加することに。とりあえず、五回分を保存できるようにしてみた。塗りつぶし機能よりは簡単に実装できました。 以下、JavaScriptのコード var i...

塗りつぶし機能を作ってみようと思ったけど、いろいろ苦戦。再帰を使えば簡単にできると思ったのですが、小さい範囲ならともかく、ちょっと大きくなるとブラウザに怒られました。 というわけで、JavaScriptに以下のようなコードを記述。 ...

canvasのお絵描きツールを作っていくと、カラーピッカー機能をつけたいと思うようになったので実装してみることに。 最初は、jQuery UIのスライダーを使って実装しようと思ったのですが、探してみるともっとよさそうなJSColorと...

せっかくcanvasでお絵描きツールを作るならばタッチパネル対応ぐらいしたいところ。というわけで調べてみた。 調べてみると、マウスでいう、『mousedown』『mousemove』『mouseup』イベントはそれぞれタッチイベントだ...

canvasを画像データとして取得したい場合は、canvasのDOMオブジェクトにtoDataURLメソッドを使えば簡単に取得できる。 先日紹介した画像保存機能のついてないお絵描きツール、Canvas Painterを開いて適当に絵を描き...