ローカルHTML5ページのスクリーンショット/ DIV

Question

私は時間が経って再生されるアニメーションを持つhtmlページを持っています、私はある間隔で（毎秒後に）ウェブページのスクリーンショットを取って、だから私は、さらなる処理のためにそれらを使用することができます

私はのスナップショットを取得したいすべての項目をカバーして、親のdiv要素があるとして、それは、DIV要素のスナップショットを取る場合、その大丈夫

...

をしてくださいどのように私はこれを行うことについて行くことができます、私はフラッシュ/ javascript/phpまたは任意の技術を使用することができます制約はない、

OS：WindowsまたはMAC

PS：ウェブページのスクリーンショットを撮ることに関する多くのページを読んでいますが、ほとんどの回答はセキュリティに違反するため許可されていませんが、私の場合はそのようなセキュリティは必要ありません。ローカルページ

Answer 1

あなたはそれのためにあなたの好きな言語（などのPythonやJava、Rubyの、）とSeleniumライブラリを選択セレンブラウズ・オートメーション

• https://code.google.com/p/selenium/

• を使用してスクリプトを書くことができます

• ページを開き、あなたが

• セレンAPIをすることができ、スクリーンショットを取ると、ローカルディスクに保存する

  利用セレンスクリーンショットAPI https://code.google.com/p/selenium/source/browse/trunk/py/selenium/webdriver/firefox/webdriver.py#70を必要とする時間を待つセレンスクリプトを書きますそれが表示されている場所の要素の寸法を照会するために使用されるので、スクリーンショットを処理して関連する領域にのみトリミングすることができます。

あり<canvas>にarbitary HTMLのDOMを変換するためのクライアント側のJavaScriptのソリューションは存在しますが、出力が100％正確ではなく、シンプルなHTML要素に対してのみ機能します。