HTML5 canvasのお絵描きツールにからピッカー機能をつけてみる
canvasのお絵描きツールを作っていくと、カラーピッカー機能をつけたいと思うようになったので実装してみることに。
最初は、jQuery UIのスライダーを使って実装しようと思ったのですが、探してみるともっとよさそうなJSColorと...
HTML5 HTML5 canvasのお絵描きツールをタッチパネル対応してみる
せっかくcanvasでお絵描きツールを作るならばタッチパネル対応ぐらいしたいところ。というわけで調べてみた。
調べてみると、マウスでいう、『mousedown』『mousemove』『mouseup』イベントはそれぞれタッチイベントだ...
HTML5 canvasで描いた絵をPHPでサーバー上に保存する方法
canvasを画像データとして取得したい場合は、canvasのDOMオブジェクトにtoDataURLメソッドを使えば簡単に取得できる。
先日紹介した画像保存機能のついてないお絵描きツール、Canvas Painterを開いて適当に絵を描き...
HTML5 HTML5のCanvasを使ったお絵かきツールまとめ
昔、お絵かき掲示板というものをよく閲覧していたのですが、最近はめっきり見なくなりました。今考えると結構すごい機能があったけど、FlashやJAVAアプレットだからiPadとかでは使えないんだよなぁ。なんて思っているとCanvasでお絵かきア...
CSS CSS3のnth-childやnth-last-childを使って途中の連続した要素を指定する
CSS3から追加されたnth-childやnth-last-childという擬似クラス。前者が前からの要素を指定する擬似クラスで後者が後ろからの要素を指定する擬似クラスとなります。
この二つのよく見る例が、:nth-child(3)と一つ...