[HTML] 纯文本查看 复制代码 <!DOCTYPE html>
<html>
<head>
<title>PDF.js Example</title>
<script src="path/to/pdf.js"></script>
</head>
<body>
<canvas id="the-canvas"></canvas>
<script>
// 假设你有一个PDF文件的URL
var url = 'path/to/your/file.pdf';
// 使用PDF.js加载PDF
PDFJS.getDocument(url).promise.then(function(pdf) {
// 使用第一页
pdf.getPage(1).then(function(page) {
var scale = 1.5;
var viewport = page.getViewport({ scale: scale });
// 准备canvas元素
var canvas = document.getElementById('the-canvas');
var context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
// 渲染PDF页面到canvas
var renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext);
});
});
</script>
</body>
</html> [HTML] 纯文本查看 复制代码 <iframe src="path/to/your/file.pdf" width="100%" height="600px"></iframe>
|