ウェブサイトに落書きできるようにするブックマークレットを作った | 波乗りスタッフ日記/Web制作会社サーフボード
こんにちは、営業の東です。 今回は、ウェブサイトに落書きできるようにするブックマークレットを作ってみました。 以下のリンクをクリックしたり、お気に入り等に保存すると、好きな時に任意のウェブサイトで落書きができるようになります。（ただしIE未対応） 落書きする 右上に表示される、「落書きをやめる」をクリックすると元に戻ります。 仕様とか技術の話 このように落書きができるようになったのは、HTML5で導入されるcanvas要素があってこそです。 IEは最新バージョンのIE8でも、canvas要素を実装していないですし、ライブラリ（Googleが提供しているExplorerCanvas）で対応したとしても、満足いく処理ができないので、今回は完全に切り捨てました。 Firefoxでもそこそこ動きますが、Safariが最も満足いく動きをしてくれますね。さすが、canvas要素の産みの親といったところ
voglia.jp - Processing.jsでMultiTouchしてみる
FlashとかPHPとかJavascriptとか適当にiPhone搭載のブラウザはhtml5のcanvasとか対応してるので、Processing.jsでマルチタッチで絵を描くとか出来るかなってことで、ちょっとやってみた。 ■準備物 Processing.js http://processingjs.org/ 基本的にはこれとデバッグ環境とテキストエディタのみでOK。 自分はとりあえず、XcodeのiPhoneシュミレーターを使用。 ■マルチタッチイベント iPhoneのタッチはマウスイベントではなくtouch＊＊ってイベントが用意されているのでそれを使用。 event.touches.lengthでタッチ数が取得でき、event.touches[i].pageXとかで座標が取得出来る。 ke-tai.orgさんのこの記事が詳しいので参考にしてみました。 ■Processing.j
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[jQuery/Javascript][HTML5/CSS3]CreateJS(EaselJS)によるコラ画像ジェネレータをあっという間に作成する方法 | Wood-Roots:blog![[jQuery/Javascript][HTML5/CSS3]CreateJS(EaselJS)によるコラ画像ジェネレータをあっという間に作成する方法 | Wood-Roots:blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/6944d75d680ba9805b52a6a338d7ec577ee3ac52/height=288;version=1;width=512/https%3A%2F%2Fwood-roots.com%2Fwp-content%2Fuploads%2F2014%2F04%2Fgenerator.png)