Просмотрщик изображений JavaScript, похожий на Acrobat - PullRequest
Новая
       10

Просмотрщик изображений JavaScript, похожий на Acrobat

0 голосов
/ 13 ноября 2009

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

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

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

1 Ответ

0 голосов
/ 13 ноября 2009

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

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

Не все браузеры поддерживают это, но некоторые браузеры поддерживают pdf в качестве источника тегов embed, object и 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

...