web-dev-qa-db-ja.com

ズームして合わせる：PDF HTMLに埋め込み

ローカルpdfファイルを単純なWebページに埋め込み、オブジェクトサイズに合わせて初期ズームを設定しようとしています。これは私が試したものですが、ズームには影響しません。

 <embed src="filename.pdf?zoom=50" width="575" height="500">

オブジェクトのサイズに合わせて初期ズームが設定されるようにコードを変更する方法を誰もが知っていますか？.

htmlobjectpdf
61
user3024833

少し遅い応答ですが、この情報を見つけるのは難しく、SOで答えを見つけられなかったので、ここにあります。

異なるパラメータ＃view = FitHを試して、水平方向のスペースに収まるようにします。また、＆ではなく＃でクエリ文字列を開始する必要があります。

filename.pdf#view=FitH

私が気づいたのは、Adobeリーダーがブラウザに埋め込まれている場合に機能するが、chromeは独自のバージョンのリーダーを使用し、同じように応答しないことです。私の場合、chromeブラウザーはデフォルトで幅に合わせてズームしましたので問題ありませんが、Internet Explorerはリンクが常に正しいビュー設定でPDFページを開くようにするために上記のパラメーターを必要としました。

利用可能なパラメータの完全なリストについては、こちらをご覧ください doc

EDIT：（レイジーモードオン）

enter image description hereenter image description hereenter image description hereenter image description hereenter image description here

119
Rich

私にとってこれはうまくいきました（pdfのコンテナが小さいのでズームインしたかったです）：

    <embed src="filename.pdf#page=1&zoom=300" width="575" height="500">
21
nazbouy

このメソッドは「オブジェクト」を使用し、「埋め込み」も行います。どちらの方法でも機能します：

<div id="pdf">
    <object id="pdf_content" width="100%" height="1500px" type="application/pdf" trusted="yes" application="yes" title="Assembly" data="Assembly.pdf?#zoom=100&scrollbar=1&toolbar=1&navpanes=1">
    <!-- <embed src="Assembly.pdf" width="100%" height="100%" type="application/x-pdf" trusted="yes" application="yes" title="Assembly">
    </embed> -->
    <p>System Error - This PDF cannot be displayed, please contact IT.</p>
    </object>
</div>
2
SR Harvey

この質問に少し遅れて応答しますが、他の人に役立つかもしれない追加するものがあります。

IFrameを使用して、pdfファイルのパスをsrcに設定すると、ズームアウトされて100％にロードされます。これはFitHと同等です

1
raf

誰かがそれを必要とする場合に備えて、Firefoxではこのように動作します

<iframe src="filename.pdf#zoom=FitH" style="position:absolute;right:0; top:0; bottom:0; width:100%;"></iframe>
0
kuz1toro

Iframeタグを使用して、ズームフィットでPDFファイルを表示します

<iframe src="filename.pdf" width="" height="" border="0"></iframe>
0
anilglpl