Масштабирование по размеру: 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.