Web项目中预览PDF

最新推荐文章于 2024-07-29 15:31:57 发布

LinuxSuRen

最新推荐文章于 2024-07-29 15:31:57 发布

阅读量875

点赞数

本文链接：https://blog.csdn.net/u014249394/article/details/54291523

版权

 
 
介绍

本文介绍在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/