Збільшити за розміром: PDF, вбудований у HTML

84

Я вбудовую локальний pdf-файл у просту веб-сторінку, і я хочу встановити початковий масштаб відповідно до розміру об’єкта. Ось те, що я спробував, але це не впливає на масштабування.

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

хтось знає, як змінити код, щоб його початкове масштабування було встановлено відповідно до розміру об’єкта.

html object pdf

— користувач3024833
джерело

Що з цим ?

— Irgendw Pointer

модифікатор, який я зараз маю в коді, не впливає на масштабування pdf-файлу, мені потрібно з’ясувати, як зробити масштабування відповідним об’єкту

— початково

165

Трохи пізня відповідь, але я помітив, що цю інформацію важко знайти, і я не знайшов відповіді на SO, тому ось вона.

Спробуйте різний параметр # view = FitH, щоб змусити його поміститися в горизонтальному просторі, а також вам потрібно почати рядок запиту з #, а не & робити це:

filename.pdf#view=FitH

Що я помітив, це те, що це буде працювати, якщо в браузер вбудований Adobe Reader, але Chrome використовуватиме власну версію Reader і не реагуватиме таким же чином. У моєму власному випадку браузер chrome за замовчуванням збільшився відповідно до ширини, тож не проблема, але Internet Explorer потребував зазначених вище параметрів, щоб посилання завжди відкривало сторінку PDF з правильним налаштуванням перегляду.

Повний список доступних параметрів див. У цьому документі

РЕДАГУВАТИ: (режим лінивого ввімкнено)

— Багатий
джерело

2

Це було чудово. Як змусити його відновити сторінку, FitHколи я змінюю розмір вікна браузера?

— Vishal

5

Документація щодо параметрів у URL-адресі, згадана вище, перейшла за цим посиланням adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/…

— RominNoodleSamurai

3

Чому вас не проголосували? :) Щиро дякую!

— Мартін Екклбен

Чи є спосіб змінити колір фонового контейнера елемента <embed>? Я бачу сірий колір поза документом, але всередині елемента. Я вважаю за краще, щоб він був прозорим або успадкованим від елемента.

— Vishal

Я не зміг змусити це працювати в Edge. Браузер ігнорував параметри. Chrome підтримує принаймні деякі з них (наприклад, перегляд, масштабування, сторінка).

— Йозеф Блага

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 тут: partners.adobe.com/public/developer/en/acrobat/…

— Sergiu Z

1

У мене був багатосторінковий PDF, і # zoom = 100 працював у мене.

— adrianp

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>

— kuz1toro
джерело

0

Використовуйте тег iframe для відображення PDF-файлу зі збільшенням

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

— анінглпл
джерело