Dopasuj: PDF osadzony w HTML


85

Osadzam lokalny plik PDF na prostej stronie internetowej i chcę ustawić początkowe powiększenie, aby dopasować je do rozmiaru obiektu. Oto, co próbowałem, ale nie wpływa to na zoom.

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

czy ktoś wie, jak zmodyfikować kod, aby jego początkowe powiększenie było dopasowane do rozmiaru obiektu.


A co z tym ?
Irgendw Pointer

modyfikator, który mam teraz w kodzie, nie wpływa na powiększenie pliku pdf, muszę wymyślić, jak
początkowo

Odpowiedzi:


169

Trochę późna odpowiedź, ale zauważyłem, że ta informacja może być trudna do znalezienia i nie znalazłem odpowiedzi na SO, więc oto ona.

Wypróbuj inny parametr # view = FitH, aby wymusić dopasowanie go do przestrzeni poziomej, a także musisz rozpocząć kwerendę od znaku # zamiast znaku &:

filename.pdf#view=FitH

Zauważyłem, że to zadziała, jeśli Adobe Reader jest osadzony w przeglądarce, ale Chrome użyje własnej wersji czytnika i nie będzie odpowiadać w ten sam sposób. W moim przypadku przeglądarka chrome domyślnie powiększała się, aby dopasować szerokość, więc nie ma problemu, ale Internet Explorer potrzebował powyższych parametrów, aby zapewnić, że link zawsze otwiera stronę pdf z prawidłowymi ustawieniami widoku.

Pełna lista dostępnych parametrów znajduje się w tym dokumencie

EDYCJA: (tryb leniwy włączony)

wprowadź opis obrazu tutaj wprowadź opis obrazu tutaj wprowadź opis obrazu tutaj wprowadź opis obrazu tutaj wprowadź opis obrazu tutaj


2
To było świetne. Jak zmusić go do ponownego dopasowania strony do FitHzmiany rozmiaru okna przeglądarki?
Vishal

5
Dokumentacja parametrów w adresie URL, o której mowa powyżej, została przeniesiona do tego linku adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/ ...
RominNoodleSamurai

3
Dlaczego nie jesteś odpowiedzią, na którą głosowano :) Dziękuję bardzo!
Martin Eckleben

Czy istnieje sposób na zmianę koloru kontenera tła elementu <embed>? Widzę szary kolor poza dokumentem, ale wewnątrz elementu. Wolałbym, aby był przezroczysty lub odziedziczony po elemencie.
Vishal

Nie udało mi się to zrobić w Edge. Przeglądarka zignorowała parametry. Chrome obsługuje przynajmniej część z nich (np. Przeglądanie, powiększanie, strona).
Josef Bláha

23

U mnie to zadziałało (chciałem powiększyć, ponieważ pojemnik mojego pliku PDF był mały):

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

2
# zoom = 50 lub # page = 2 & zoom = 300 działają doskonale zarówno w Chrome, jak i IE. Wygląda na to, że IE odpowiada tylko na # view = Fit. Więcej parametrów IE znajdziesz tutaj: partners.adobe.com/public/developer/en/acrobat/…
Sergiu Z,

1
Miałem wielostronicowy plik PDF i # zoom = 100 działał dla mnie.
adrianp

4

Ta metoda wykorzystuje „obiekt”, ma również „osadzanie”. Każda metoda działa:

<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

na wypadek, gdyby ktoś tego potrzebował, w Firefoksie dla mnie działa to tak

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

1

Trochę późna odpowiedź na to pytanie, jednak mam coś do dodania, co może być przydatne dla innych.

Jeśli użyjesz iFrame i ustawisz ścieżkę pliku pdf na src, załaduje się on pomniejszony do 100%, co jest odpowiednikiem FitH


0

Użyj tagu iframe, aby wyświetlić plik PDF z dopasowaniem powiększenia

<iframe src="filename.pdf" width="" height="" border="0"></iframe>
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.