极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>pdf.html</title>
<script src="lib/jquery-3.2.1.min.js"></script>
<script src="lib/WebViewer.js"></script>
<script src="pdf.js"></script>
<style>
#viewer {
width: 1024px;
height: 600px;
}
</style>
</head>
<body>
<div id="canvas">
<canvas id="the-canvas" style="border: 1px solid #333">
</div>
</body>
<script>
$(function(){
var url = 'GettingStarted.pdf';
PDFJS.workerSrc = 'pdf.worker.js';
// PDFJS.disableWorker = true;
PDFJS.getDocument(url).then(function getPdf(pdf) {
pdf.getPage(2).then(function getPage(page) {
var scale = 1;
var viewport = page.getViewport(scale);
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
var renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext);
});
});
});
</script>
</script>
</html>
在使用pdf.js时按着网上说的进行了构建 为啥会提示
html5
感觉你的pdf.js没有引用对，确认下pdf.js路径是否正确。