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?

html object pdf user3024833
quelle
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

Reich
quelle
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">
Nazbouy
quelle
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>
SR Harvey
quelle
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

raf
quelle
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>
kuz1toro
quelle
0

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

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