フィットするようにズーム:HTMLに埋め込まれたPDF


84

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

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

最初のズームがオブジェクトのサイズに合うように設定されるようにコードを変更する方法を知っている人はいますか。


何についての
Irgendw Pointer

現在コードにあるモディファイアはPDFファイルのズームに影響を与えていません。ズームをオブジェクトに最初に合わせる方法を理解する必要があります
user3024833 2013

回答:


164

応答が少し遅れましたが、この情報を見つけるのが難しい可能性があり、SOで答えが見つからないことに気づいたので、ここにあります。

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

filename.pdf#view=FitH

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

使用可能なパラメータの完全なリストについては、このドキュメントを参照してください

編集:(レイジーモードオン)

ここに画像の説明を入力してください ここに画像の説明を入力してください ここに画像の説明を入力してください ここに画像の説明を入力してください ここに画像の説明を入力してください


2
これは素晴らしかった。FitHブラウザウィンドウのサイズを変更するときに、ページを強制的に再フィットさせるにはどうすればよいですか?
Vishal 2016

5
上記URLのパラメータのドキュメントは、このリンクに移動したadobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/...
RominNoodleSamurai

3
なぜあなたは投票された答えではないのですか:)どうもありがとうございました!
Martin Eckleben 2017年

<embed>要素の背景コンテナの色を変更する方法はありますか?ドキュメントの外側で要素の内側に灰色が表示されます。透明にするか、要素から継承することをお勧めします。
Vishal 2018年

Edgeで動作させることができませんでした。ブラウザはパラメータを無視しました。Chromeは、それらの少なくとも一部(ビュー、ズーム、ページなど)をサポートしています。
ヨーゼフ・地下鉄Blaha

23

私にとってこれはうまくいきました(私のPDFのコンテナが小さかったのでズームインしたかったです):

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

2
#zoom = 50または#page = 2&zoom = 300は、ChromeとIEの両方で完全に機能します。IEは#view = Fitにのみ応答しているようです。より多くのIEは、ここにparamsは:partners.adobe.com/public/developer/en/acrobat/...
はSergiu Z

1
複数ページのPDFがあり、#zoom = 100が機能しました。
adrianp 2016年

4

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

<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>

1

この質問への回答は少し遅れていますが、他の人に役立つかもしれない何かを追加する必要があります。

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


1

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

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

0

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

<iframe src="filename.pdf" width="" height="" border="0"></iframe>
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.