XMLHttpRequestでファイルをDataSchemeで取得する実験 その3 (Kanasansoft Web Lab.)
// ==UserScript== // @name getFileByDataScheme // @namespace http://www.kanasansoft.com/ // @include * // ==/UserScript== ( function(){ var parseHTTPHeader=function(responseHeader){ var headers=responseHeader.split("\n"); var len=headers.length; var parsing=[]; for(var i=0;i<len;i++){ if(/^$/.test(headers[i])){ }else if(/^[\x09\x20]/.test(headers[i])){ if(parsing.length==0){ throw "SyntaxError:HTT
有須子時計 (Kanasansoft Web Lab.)
何故かGreasemonkey配下では2DコンテキストのputImageDataとgetImageDataが動かないため、unsafeWindowを仕様しています。注意して下さい。 今回は、JavaScriptでかなりまじめに画像処理を行なっています。処理の大まかな流れは以下の通り。 事前準備 有須子の画像はBase64化されてGreasemonkey内に記述されています。 「0」〜「9」までの数字と「:」の文字は、赤いハロー効果を強く効かせた画像と弱く効かせた画像の各2種類、合計22枚を有須子画像と同様に保存しています。 (1) Base64の有須子画像をImageオブジェクト化 (2) Imageオブジェクトの有須子画像をCanvasオブジェクト化 (3) Canvasのコンテキストを取得し、三角関数を使って画像を歪ませた新たなCanvasを生成(歪み方は乱数で毎回変化する) (4)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The data: URI kitchen
