Zoom passend: PDF In HTML eingebettet


84

Ich binde eine lokale PDF-Datei in eine einfache Webseite ein und möchte den anfänglichen Zoom so einstellen, dass er zur Objektgröße passt. Hier ist, was ich versucht habe, aber es hat keinen Einfluss auf den Zoom.

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

Weiß jemand, wie man den Code so ändert, dass sein anfänglicher Zoom an die Objektgröße angepasst wird?


Was ist damit ?
erste Zeiger

Der Modifikator, den ich gerade im Code habe, wirkt sich nicht auf den Zoom der PDF-Datei aus. Ich muss herausfinden, wie der Zoom ursprünglich an das Objekt angepasst werden kann
user3024833

Antworten:


165

Etwas verspätete Antwort, aber ich habe festgestellt, dass diese Informationen schwer zu finden sind und die Antwort auf SO nicht gefunden haben. Hier ist sie also.

Versuchen Sie es mit einem anderen Parameter # view = FitH, um zu erzwingen, dass er in den horizontalen Raum passt. Außerdem müssen Sie den Querystring mit einem # anstatt mit einem & beginnen:

filename.pdf#view=FitH

Was mir aufgefallen ist, ist, dass dies funktioniert, wenn der Adobe Reader in den Browser eingebettet ist, Chrome jedoch eine eigene Version des Readers verwendet und nicht auf die gleiche Weise reagiert. In meinem Fall hat der Chrome-Browser standardmäßig auf die Breite gezoomt, also kein Problem, aber Internet Explorer benötigte die oben genannten Parameter, um sicherzustellen, dass der Link die PDF-Seite immer mit der richtigen Ansichtseinstellung öffnete.

Eine vollständige Liste der verfügbaren Parameter finden Sie in diesem Dokument

EDIT: (Lazy Mode ein)

Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein


2
Das war großartig. Wie erzwinge ich die Anpassung der Seite, FitHwenn ich die Größe des Browserfensters ändere?
Vishal

5
Die Dokumentation für die Parameter in der oben genannten URL wurde auf diesen Link verschoben. Adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/…
RominNoodleSamurai

3
Warum bist du nicht die gewählte Antwort :) Vielen Dank!
Martin Eckleben

Gibt es eine Möglichkeit, die Farbe des Hintergrundcontainers des <embed> -Elements zu ändern? Ich sehe Grau außerhalb des Dokuments, aber innerhalb des Elements. Ich würde es vorziehen, transparent zu sein oder vom Element geerbt zu werden.
Vishal

Ich konnte es in Edge nicht zum Laufen bringen. Der Browser ignorierte die Parameter. Chrome unterstützt zumindest einige davon (z. B. Ansicht, Zoom, Seite).
Josef Bláha

23

Bei mir hat das funktioniert (ich wollte zoomen, da der Container meines PDFs klein war):

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

2
# zoom = 50 oder # page = 2 & zoom = 300 funktionieren sowohl in Chrome als auch im IE perfekt. IE scheint nur auf # view = Fit zu reagieren. Mehr IE params hier: partners.adobe.com/public/developer/en/acrobat/...
Sergiu Z

1
Ich hatte ein mehrseitiges PDF und # zoom = 100 arbeitete für mich.
Adrianp

4

Diese Methode verwendet "Objekt", es hat auch "Einbetten". Beide Methoden funktionieren:

<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

Etwas späte Antwort auf diese Frage, aber ich muss etwas hinzufügen, das für andere nützlich sein könnte.

Wenn Sie einen iFrame verwenden und den PDF-Dateipfad auf src setzen, wird der Ladevorgang auf 100% verkleinert, was der Äquivalenz von FitH entspricht


1

Nur für den Fall, dass jemand es braucht, in Firefox funktioniert es für mich so

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

0

Verwenden Sie das iframe-Tag, um eine PDF-Datei mit Zoomanpassung anzuzeigen

<iframe src="filename.pdf" width="" height="" border="0"></iframe>
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.