レンダリングされたHTMLページをJavascriptからキャプチャすることは可能ですか?
- すばやくナビゲートできるように、HTMLページの「ミニマップ」を作成できるようにしたいと考えています。
レンダリングされたHTMLページをJavascriptからキャプチャすることは可能ですか?
html2canvasを見てください それは完璧でなくても、いくつかの良いことをします
次を使用できます。
document.body.innerHTML
これは「レンダリングされた」(つまり、ライブ/ DOM完全な)HTML全体ですが、これがあなたの望むものかどうかはわかりません。
たとえば、見出しなどのマップを作成する対象を定義する方が適切です。次に、getElementsByTagName('h1')
(たとえば)を使用して、ページ上のすべてのH1を取得できます。
ブラウザによってレンダリングされた実際の画像について話している場合は、wkhtmltopdfとそれにwkhtmltoimage
対応するものを見てください。これは、HTML(またはWebアドレス)を入力として受け取り、テキスト完全なPDFに変換します。静止画像。以前にこのすてきなアプリを大規模なプロジェクトで使用したことがあるので、間違いなく信頼性が高く、WebKitも使用しているのでCSS3/JSと互換性があります。
wkhtmltoimageは、静的なhtmlページにのみ使用されます。ユーザーが選択したものや、描画を含むキャンバス(最初にレンダリングされたときのデフォルト以外)がある場合、wkhtmltoimageは役に立ちません。