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

85

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

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

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

user3024833
источник
Что насчет этого ?
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>
SR Харви
источник
2

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

<iframe src="filename.pdf#zoom=FitH" style="position:absolute;right:0; top:0; bottom:0; width:100%;"></iframe>
kuz1toro
источник
1

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

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

раф
источник
0

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

<iframe src="filename.pdf" width="" height="" border="0"></iframe>
Anilglpl
источник