브라우저에서 PDF 문서를 렌더링하고 주석을 달기위한 Html5 구성 요소?

Question

플래시 플레이어가 설치되지 않은 브라우저 (예 : iPad)에서 PDF 파일을보고 주석을 달 수있는 웹 앱을 만들려고합니다. html, JS 및 캔버스에서 PDF를 렌더링하는 무료 또는 저렴한 구성 요소가 있습니까? 감사!

Answer 1

나는 알고있다. (나는 당신이 그것을 봤다고 가정하고 있어요, 그래서 나는 그것을 건너 뛰고 있습니다). 이것은 분명히 웹에서 누락 된 것입니다. - (여기 장난감 구현을 발견했습니다 : http://ajaxian.com/archives/wps-postscript-and-pdf-interpreter-for-html-5-canvas -하지만 지금은 장난감입니다).

심각한 제품은 http://code.google.com/p/emscripten/과 같은 프로젝트를 사용하여 Ghostscript 자체를 Javascript에 적용 할 수 있습니다.이 코드는 C 코드를 LLVM으로 컴파일 한 다음 javascript로 컴파일 할 수 있습니다. http://syntensity.com/static/python.html

은 물론 사소한, 그리고 캔버스에 출력 부, 및 UI가, 어쨌든 쓸 필요가없는 것입니다 :이 방법은 여기 실행에 자바 스크립트에 내장 된 전체 파이썬 인터프리터의 예입니다. 나는 그것이 당신의 필요에 지금 부합하지 않을 것이라고 생각하지만, 나는 이것을 여기에 쓰고 있습니다, 그래서 누군가가 이것을 가능하게 만들 수 있습니다.

한편 Ghostscript (http://pages.cs.wisc.edu/~ghost/doc/intro.htm) 서버 측 실행을 고려하고 사전 렌더링 된 PNG 이미지를 브라우저에 전달할 수 있습니다. 서버 쥬스가 많이 필요할지라도 그렇게하는 것이 훨씬 쉽습니다.

Answer 2

나는 최근 비슷한 일을 찾고 있었다 : (모질라 특히 @ 안드레아스 갈로)

pdf.js 직접 HTML5와 자바 스크립트와 PDF 렌더링하는 것을 목표로 개발 중에있다. 그것은 github에 [https://github.com/andreasgal/pdf.js]

그것은 발표 포스트와 댓글 (140 +) [http://andreasgal.com/2011/06/15/pdf-js/]

Answer 3

그것은 무엇을 "싸구려"방법에 따라 읽기 가치,하지만 같은 일을 찾고이 생각했다 HTML5에의 플렉스 페이퍼 플러그인은 최소한 시작 지점에서 큰 도움이 될 수 있습니다!

http://devaldi.com/annotations/index_html5.html

사실은 그냥 농담. 이것은 정확히 내가 뭘 찾고 있었는지 (3 시간 후) 희망이 도움이됩니다! http://websanova.com/plugins/paint#websanova

Answer 4

<iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe> 

구글 문서는 PDF 파일을 포함 할 수 있으며, 마이크로 소프트 오피스 문서, 그냥 iframe이 자신의 서비스에 연결하여 다른 응용 프로그램. 그것의 사용자 친화적 인, 다양하고 매력적인.