Web项目中预览PDF

来源：互联网发布：网吧网络是多少兆宽带编辑：程序博客网时间：2024/04/30 09:49

 介绍
本文介绍在Web项目中如何预览PDF文档。 Js版本
示例代码：[codesyntax lang="html4strict"]<html><head><script type="text/javascript" src="http://mozilla.github.io/pdf.js/build/pdf.js"></script></head><body><canvas id="the-canvas" style="border:1px  solid black" height="300" width="300"></canvas><script type="text/javascript">PDFJS.getDocument("http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf").then(function getPdfHelloWorld(pdf) {/* * 获取第一页 */pdf.getPage(1).then(function getPageHelloWorld(page) {var scale = 1.5;var viewport = page.getViewport(scale);//准备画布var canvas = document.getElementById('the-canvas');var context = canvas.getContext('2d');canvas.height = viewport.height;canvas.width = viewport.width;//pdf文档渲染var renderContext = {canvasContext : context,viewport : viewport};page.render(renderContext);});});</script></body></html>
[/codesyntax] Java
可以先把PDF文档转换为图片，然后分页显示图片。

查看原文：http://surenpi.com/2017/01/09/web_view_pdf/

0 0