html2canvas - screenshots with JavaScript

JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」
サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。
canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。



html2canvasでレンダリングされたサンプルも見ることが出来ます。



frameやobjectのサポートはしていない点に注意。

スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。
クライアントごとの表示差異があるのでこの点には注意です。

関連エントリ

• PHPでWEBサイトのスクリーンショットを作成するチュートリアル
• 次の画像が何なのかが分かりやすいフルスクリーンのスライドショー実装jQueryプラグイン「SuperSized」