html2canvas - screenshots with JavaScript Canvasを使ってスクリーンショットをとれるというJavaScriptライブラリの動作原理を追ってみる (まあ、実際にはhtmlをCanvasでレンダリングするって意味なんだろうけど) jQueryプラグインとして実装されてる $.fn.html2canvas 外部ドメインのリソースも読み込めるように http://html2canvas.appspot.com/ というPythonで書かれたプロキシをデフォルトで使う。 このプロキシは、結果をjsonpにして返してくれる。(画像はdataURIに変換してjsonpに) IE8以下は flashCanvas を使う予定みたいになってる。 リソースの取得 最初にドキュメント、画像をそれぞれプロキシを使うなどして読み込んでいる。 デモサイト(JavaScrip