canvas

JavaScriptで任意のテキストをバイト列からラスタ画像化する、またはその逆

id:monjudoh や id:nishiohirokazu と話してて作ったんだけどとりあえず使い道なかったので共有します。テキストをレンダリングして画像にするという話ではなく、 テキストを UTF-8 に変換する UTF-8 化されたバイト列であるテキストをラスタ画像 (ImageData…

画像処理を JavaScript で行ってなんかのサービスを作る実験

最近 JS + JSONP だけを使って何かつくるのがマイブームなのですが、今回は 2 つの Twitter アカウントのプロフィール画像の類似度を調べるというものを作ってみました。似たもの診断「Canvas のセキュリティモデルでちょっとはまった件 (2)」で使った手法を…

Canvas のセキュリティモデルでちょっとはまった件 (2)

画像を data URI にして、JSONP で返すプロキシを appengine 上に載せてなんとかしのいでみた。 <html> <head> <title>DCT</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $.ajax({ url:"http://to-data-uri.appsp…</head></html>

Canvas のセキュリティモデルでちょっとはまった件

HTML5 の canvas の 2D context には getImageData() というメソッドがあって、これを使うと canvas 上のピクセルデータを取れるようになっている。ところが、他ドメインの画像を引数に drawImage() を使って描画を一度でも行なってしまうと、データを取るこ…