2017-01-08 18 views
0

私は自分のウェブページのスクリーンショットを撮る方法を知りました。私はすべての境界線の周りにインターフェイスを持っていると言うと、真ん中には、ウェブサイトを示すフレームです。どのようにそのフレームのスクリーンショットを撮ることができるでしょうか。私はその境界線とインターフェースを必要としないでしょう。フレームのみ、どのように達成できますか? enter image description hereウェブページのフレームのスクリーンショット

ウェブサイトのレイアウトを表す画像が含まれているので、レイアウト全体を含める必要はなく、フレーム内にこのセグメントだけを含める必要があります。プログラムでそのフレームを画像内にキャプチャする方法は?どのツールやプログラミング言語が私にとってこれを行うことができますか?

答えて

1

PhantomJSは完全にプログラム可能なヘッドレスブラウザです。開いたWebページからPNG、JPEG、GIF、PDFファイルを生成することができます。

使用document.querySelector()、その後、element.getBoundingClientRect() DOM APIを使用すると、ラスタライズしたい要素を含む矩形を取得するために、それにwebpage.clipRectプロパティを設定して画像を生成するためにwebpage.render()メソッドを呼び出します。例については、this answerを参照してください。

+0

ご協力いただきありがとうございます – StasVB

1

実際に使用したい技術に制限がないのかどうかはわかりませんが、ここではphantomJS(ヘッドレスブラウザ)を使用するのは確実です。例:How to render part of a page with PhantomJS

+0

ありがとうございました。ありがとうございました:) – StasVB

関連する問題