Средство просмотра изображений JavaScript в стиле Acrobat

StackOverflow https://stackoverflow.com/questions/1725882

  •  19-09-2019
  •  | 
  •  

Вопрос

Мне было поручено воссоздать Acrobat Reader с помощью JavaScript.Однако моя «читалка» не представляет PDF-файлы.Вместо этого мой читатель представит изображения, растрированные из PDF-файлов.Когда я говорю воссоздать Acrobat, мне нужно что-то, имеющее следующие функции:

  1. Отображение серии изображений вертикально
  2. Масштабирование и панорамирование изображений
  3. Прокрутка вверх и вниз для навигации по изображениям как по страницам.

Я везде искал плагин jQuery.Мне было интересно, есть ли у кого-нибудь предложения, которые могут мне помочь.Пожалуйста, дайте мне знать.

Это было полезно?

Решение

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

Частичное решение

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

<embed src="file1.pdf" width="500" height="650"></embed>
<object type="application/pdf" data="file1.pdf" width="500" height="650" ></object>
<iframe src="PDFDirectory/Test.pdf"></iframe>

Отвечать

Чтобы заставить их работать во всех браузерах, ответом будет растеризация и JS или Flash.Удивительно, но даже Google представляет свои PDF-файлы в программе просмотра как серию растровых изображений.Хорошей новостью является то, что вам не придется конвертировать их вручную и следить за ними, если вы воспользуетесь Общедоступная программа просмотра Google.Позвольте Google сделать всю тяжелую работу за вас и избавьте себя от разочарований, связанных с GhostScript и ImageMagick (которые нам в конечном итоге пришлось использовать)!Все, что вам нужно сделать, это вставить URL-адрес в свой PDF-файл и получить код для встраивания!Не говоря уже о том, что программно сгенерировать уважаемый код было легко.

https://docs.google.com/viewer

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top