Масштабирование по размеру: PDF, встроенный в HTML


85

Я встраиваю локальный PDF-файл в простую веб-страницу и хочу установить начальное масштабирование в соответствии с размером объекта. Вот что я пробовал, но это не влияет на зум.

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

Кто-нибудь знает, как изменить код, чтобы его начальный масштаб был установлен в соответствии с размером объекта.


Что насчет этого ?
— Irgendw Pointer

модификатор, который у меня в коде прямо сейчас, не влияет на масштабирование файла pdf, мне нужно выяснить, как сделать масштабирование подходящим для объекта
— изначально

Ответы:


169

Немного запоздалый ответ, но я заметил, что эту информацию сложно найти, и не нашел ответа на SO, так что вот он.

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

filename.pdf#view=FitH

Я заметил, что это будет работать, если Adobe Reader встроен в браузер, но Chrome будет использовать свою собственную версию читателя и не будет реагировать таким же образом. В моем случае браузер Chrome был увеличен по ширине по умолчанию, так что проблем не возникло, но Internet Explorer нуждался в указанных выше параметрах, чтобы ссылка всегда открывала страницу pdf с правильными настройками просмотра.

Полный список доступных параметров см. В этом документе.

РЕДАКТИРОВАТЬ: (ленивый режим включен)

введите описание изображения здесь введите описание изображения здесь введите описание изображения здесь введите описание изображения здесь введите описание изображения здесь


2
Это было здорово. Как мне заставить его переустановить страницу, FitHкогда я изменяю размер окна браузера?
— Vishal

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

3
Почему вы не проголосовали за ответ :) Большое спасибо!
— Мартин Эклебен

Есть ли способ изменить цвет фона контейнера элемента <embed>? Я вижу серый цвет вне документа, но внутри элемента. Я бы предпочел, чтобы он был прозрачным или унаследованным от элемента.
— Vishal

Мне не удалось заставить его работать в Edge. Браузер проигнорировал параметры. Chrome поддерживает по крайней мере некоторые из них (например, просмотр, масштабирование, страница).
— Josef Bláha

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 02

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>

2

на всякий случай кому-то это нужно, в firefox для меня это работает так

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

1

Немного запоздалый ответ на этот вопрос, однако у меня есть что добавить, что может быть полезно для других.

Если вы используете iFrame и установите путь к файлу pdf в src, он загрузится с уменьшенным до 100% масштабом, что эквивалентно FitH


0

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

<iframe src="filename.pdf" width="" height="" border="0"></iframe>
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.