今年4月に行なわれたMozillaParty7.0において、いくつか有用な情報を得ることができたが、中でもcanvas 要素の toDataURL メソッドで取得した data:URL をファイルへ保存するという Taken さんの情報は、 ScrapBook で保存したWebページのコレクションをサムネイル画像によって一望するというプランを一気に実現へと近づけることができるありがたいものであった。その具体的な方法はTaken SPC : Mozilla Party JP 7.0 に行ってきましたのポストでも説明されているが、これを利用して現在ブラウザに表示されているWebページのスクリーンショット(今回はサムネイルではなく、原寸大のスクリーンショット)をPNG画像として保存する機能を実装してみる。 (1) XUL html:canvas要素を chrome://browser/conte
画像が一つ飛ばしになるの修正 canvas要素で遊ぼうってことで、画像に落書きできるスクリプト書いてみました。 使い方 windowのロードイベント後に以下のコード読み込んで下さい。 firebug入っているなら、コンソールに貼り付けて、実行でおk。 pixiv辺りが画像多くて狙い目。 ペイントの鉛筆と同じ要領で絵が描けます。 右クリックから画像の保存も可能。 firefox3で動作確認してます。 Canvas = function(img) { if(!img) return; var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); var flag = false; canvas.width = img.width; canvas.height = img.height;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く