Html5 компонент для рендеринга и аннотирования PDF документов в браузере? - PullRequest
17 голосов
/ 08 марта 2011

Я пытаюсь создать веб-приложение, которое может просматривать и комментировать файлы PDF в браузере без установленного флэш-плеера (например, iPad). Существуют ли бесплатные или дешевые компоненты для рендеринга PDF в html, JS и canvas? Спасибо!

Ответы [ 4 ]

6 голосов
/ 08 марта 2011

Не то, что я знаю. (Я предполагаю, что вы погуглили это, поэтому я пропускаю это). Это, очевидно, пропущенная вещь для Интернета - (Я нашел игрушечную реализацию здесь: http://ajaxian.com/archives/wps-postscript-and-pdf-interpreter-for-html-5-canvas - но пока это просто игрушка).

Серьезный продукт может адаптировать сам Ghostscript к Javascript, используя такой проект, как http://code.google.com/p/emscripten/ - который может компилировать код C в LLVM, а затем в javascript. Вот пример всего интерпретатора Python, встроенного в javascript следующим образом: http://syntensity.com/static/python.html

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

В то же время, вы можете рассмотреть возможность запуска Ghostscript (http://pages.cs.wisc.edu/~ghost/doc/intro.htm) на стороне сервера) и передавать предварительно отрендеренные изображения PNG в браузер. Это было бы намного проще, хотя это потребовало бы большого количества сервера сок.

5 голосов
/ 09 сентября 2011

Недавно я искал что-то похожее:

pdf.js (автор Andreas Gal @ mozilla inter alia) находится в стадии разработки с целью визуализации PDF напрямую с помощью HTML5 и JavaScript.Это на github [https://github.com/andreasgal/pdf.js]

Стоит прочитать объявление и комментарии (140+) [http://andreasgal.com/2011/06/15/pdf-js/]

2 голосов
/ 28 апреля 2015
<iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Документы Google позволяют встраивать файлы PDF, документы Microsoft Office и другие приложения, просто связывая их службы с помощью iframe.Его удобный, универсальный и привлекательный.

0 голосов
/ 20 декабря 2012

Это зависит от того, что означает «дешевый», но я искал то же самое и думаю, что этот плагин HTML5 для flexpaper мог бы быть огромной помощью, по крайней мере, с точки зрения стартовой позиции!*http://devaldi.com/annotations/index_html5.html

На самом деле просто шучу.Это именно то, что я искал (3 часа спустя) Надеюсь, это поможет!http://websanova.com/plugins/paint#websanova

...