介绍
本文介绍在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文档转换为图片,然后分页显示图片。