レンダリングされたHTMLページをJavascriptでキャプチャする

レンダリングされたHTMLページをJavascriptからキャプチャすることは可能ですか？レンダリングされたHTMLページをJavascriptでキャプチャする

高速ページングのためにHTMLページの「ミニマップ」を作成したいと考えています。

出典

2012-05-09 Bent Rasmussen

あなたはそれ以上に具体的になるでしょう。あなたがしたいことをする方法はおそらくありますが、私たちがそれを提案する前にあなたが望むものを教えなければなりません。 –

@ElliotBonneville Grooveekは実際に私の質問に答えることができました。しかし、私は基本的にjsのHTML2image関数が必要です –

はhtml2canvas を見てそれはそれは完璧ではない場合でも

出典

2012-05-09 12:59:59 Grooveek

あなたが使用することができます全体の「レンダリング」である

document.body.innerHTML

を（。すなわち/生きるDOM-完全な）HTMLを、私は、これはあなたが望むものであるか分かりません。

ヘッダーなどのマップを作成する場合は、getElementsByTagName('h1')を使用して、ページ上のすべてのH1を取得することができます。

実際の画像をブラウザで表示している場合は、wkhtmltopdfとそれに対応するwkhtmltoimageをご覧ください。これはHTML（またはウェブアドレス）を入力として受け取り、テキストに変換します完全なPDF、または静止画像。大規模なプロジェクトの前に、このきちんとしたアプリを使ってきたので、間違いなく信頼性があり、CSS3/JS互換のWebKitも使用しています。

出典

2012-05-09 12:59:29

Eh？ downvoteの何らかの理由..？ –

レンダリング、つまりピクセルが必要です。ご回答有難うございます。 :-) –

@BentRasmussenああ、その場合、wkhtmltoimageは間違いなくあなたが試してみるべきものです –

wkhtmltoimageが唯一の静的なHTMLページのための使用であり、いくつかの良いものをしています。ユーザ選択や、（最初にレンダリングされたときのデフォルト以外の）図面を含むキャンバスがある場合、wkhtmltoimageは役に立ちません。

出典

2013-02-13 20:47:39 user2069926

レンダリングされたHTMLページをJavascriptでキャプチャする

答えて

関連する問題