PDFドキュメントの高さをiframeで取得する方法

Question

iframeに読み込まれたPDFコンテンツの実際の高さを取得する方法はありますか？

iPADデバイスでPDFコンテンツをスクロールする際に問題がありますか？私は本文コンテンツの高さを得ることができますが、スクロールは成功しましたが、HTMLページだけが成功しました。

this.contentWindow.document.body.scrollHeight 

ただし、PDFドキュメントの正確な高さは返されませんか？それを得るための方法はありますか？

おかげ

ピーター

Answer 1

は、あなたが（Set auto height for iframe）を達成しようとしている何のためview=fit PDFビューアのオプションの作業を行います。

<iframe src="Path/MyPDF.pdf#view=fit"></iframe> 

また、このソリューションはしようとする前に、autoに高さを設定します高さ（https://stackoverflow.com/a/11864824/1803682）：

objIframe = document.getElementById('theIframeId');  
objIframe.style.height = 'auto'; 

document.body.scrollHeight 

最後に、ブログの投稿はhttp://dev.magnolia-cms.com/blog/2012/05/strategies-for-the-iframe-on-the-ipad-problem/とiScroll4です。

Answer 2

これは、JQueryを使用して解決できます。

は、私たちは、あなたがIFRAME内のPDFファイルを表示する必要があるとして、今のjQueryを使用して、我々は自動車としてのiframeの高さを作ることができ、ID

<iframe src="name.pdf" id="pdf_frame"></iframe> 

で次のようにあなたはインラインフレームを持っていることを前提としています。

$('#pdf_frame').css('height','auto'); 

あなたは答えが何（残念ながら）ではありません

document.body.scrollHeight 

Answer 3

として高さを得ることができます。

要素レベルで、PDF object/embedは、必要なドキュメントが必要な場合は自動的に拡張されないため、真の高さがDOMに公開されることはありません。

あなたがiframeのソースとして指定することにより、PDFを直接呼び出しても、あなたはとにかくbodyでobjectまたはPDFのembedと、IFRAMEが他のページのようなDOMのレイアウトを持っていることがわかります。

このPDFの中で、「要素」はすべてのPDFプラグインの領域であり、javascriptでアクセスすることはできません。 flash、java、またはブラウザプラグインがありますが、そのプラグインとやり取りすることができますが、私はそれについて聞いていません。

Answer 4

私のiPadでこれをテストしたところ、うまくいくかもしれません。 pdfファイルをレンダリングして表示するmozillaのHTML5 jsプロジェクトがあり、pdfファイルでページのビューポートを取得できます。https://mozillalabs.com/en-US/pdfjs/ https://github.com/mozilla/pdf.js/blob/master/examples/helloworld/hello.js

PDFJS.getDocument('helloworld.pdf').then(function(pdf) { 
    // Using promise to fetch the page 
    pdf.getPage(1).then(function(page) { 
    var scale = 1.5; 
    var viewport = page.getViewport(scale); 

    // 
    // Prepare canvas using PDF page dimensions 
    // 
    var canvas = document.getElementById('the-canvas'); 
    var context = canvas.getContext('2d'); 
    canvas.height = viewport.height; 
    canvas.width = viewport.width; 

    // 
    // Render PDF page into canvas context 
    // 
    var renderContext = { 
     canvasContext: context, 
     viewport: viewport 
    }; 
    page.render(renderContext); 
    }); 
}); 

Answer 5

ピーター は、アップルのモバイルデバイスのために利用可能なAdobe Readerのサファリプラグインが存在しないとして、あなたがiOSのサファリのiframe内にPDFの高さを得ることができる方法はありません。 HTML 5-Canvasを使用してPDFをレンダリングしたり、pdfjs ...などのソースクライアントサイドライブラリを開くことができます。

高さ[または幅]を取得する唯一の方法はサーバーからですが、iTextSharpを使用してください。 dllの種類のコンポーネントを取得し、pdfページの高さ/幅を取得します。これは後でページ数で掛けることができます。これらはサーバー側で簡単に行うことができます。取得した高さ/幅を使用してiFrameのスタイルを設定し、iFrameのソース属性でそのPDFを指定します。 iFrameが伸縮し、スクロール効果が得られます。

OR

あなたは、あなたがちょうどあなたが属性を得ることに制御することができますJavaScriptを使用して、HTML上のサーバから画像を投げるイメージにPDFに変換することができます任意のツールやコンポーネントを使用している場合。 私たちはMS-SSRSを使用してレポートを作成しています.APIでアクセスできるアプリケーションのほんの一部では、PDFではなくMS-SSRSから画像を取得しています。このオプションを採用したのは、ページ数が増えると、PDF-JSのようなクライアント側のフレームワークがキャンバス上に描画されなくなるためです。

iPadでPDFを処理するためのさまざまなオプションがあります。