Как сделать горизонтальный прокручиваемый PDF-документ в HTML/JavaScript?

У меня есть многостраничный PDF-документ. Когда я внедряю это в браузере, он по умолчанию имеет вертикальную прокрутку. Однако я хочу иметь горизонтальную прокрутку для каждой страницы. Есть ли способ сделать это либо через настраиваемый код или плагин конфигурации?

Ответ 1

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

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

Ответ 2

Если вы встроите его в браузер с каким-то плагином, вам захочется прокручивать по вертикали по умолчанию, как вы сказали... Я полагаю, вы могли бы попробовать загрузить каждую страницу по отдельности, а затем установить некоторые стили CSS, чтобы заставить ее для прокрутки по горизонтали.

Вы можете достичь этого, установив высоту на конкретный номер, а затем ширину на "авто". Также попробуйте установить overflow-x: scroll; overflow-y: hidden; Опять же, скорее всего, будет лучше, если вы добавите отдельные образы страниц в div, а затем запустите горизонтальную прокрутку, а не попытайтесь взломать плагин.

Ответ 3

Вам нужно указать параметры в pdf, например:

zoom=scale

Здесь будут заданы коэффициенты масштабирования и прокрутки; он использует значения float или integer. Например, значение шкалы 100 будет показывать значение масштабирования 100%.

или

view=Fit

Это приведет к отображению отображаемой страницы; он будет использовать значения ключевых слов, определенные в спецификации языка pdf.

ИЗМЕНИТЬ

Вы также можете использовать:

overflow-x: scroll; overflow-y: hidden;

Это заставит прокрутку быть горизонтальной, но она не всегда работает с некоторыми типами HTML-элементов. Обычно я использую его в начале, когда я впервые сталкиваюсь с такой проблемой, потому что это смешно легко сделать, но если это не сработает, я использую первый метод, который я вам дал, и он работает намного чаще, чем нет.

Ответ 4

Вы хотите использовать только горизонтальные прокрутки, вы можете использовать значение переполнения css.

Example:
overflow-x:scroll
overflow-y:hidden

Ответ 5

zoom = масштаб

Устанавливает коэффициенты масштабирования и прокрутки, используя значения float или integer. Например, значение шкалы 100 указывает значение масштабирования 100%. или

= вид, пригодный

Ответ 6

Что вам нужно, это способ встраивания одной страницы PDF-документа. К сожалению, я не могу найти это, но вы можете снимать отдельные страницы документов и вставлять их. Если вы можете найти способ вставки отдельных страниц... Круто. Хорошая работа.

example: http://drive.google.com/file/d/0B_8mjJ-WV5kGNDNnRWgyTGVYR3M/view?usp=sharing разархивировать и открыть документ .html.