js pdf转html在线转换,pdf转为html查看pdf.js

Document

PDF.js 'Hello, world!' example

var url = '//cdn.mozilla.net/pdfjs/helloworld.pdf';

// Loaded via

var pdfjsLib = window['pdfjs-dist/build/pdf'];

// The workerSrc property shall be specified.

pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';

// Asynchronous download of PDF

var loadingTask = pdfjsLib.getDocument(url);

loadingTask.promise.then(function (pdf) {

console.log('PDF loaded');

// Fetch the first page

var pageNumber = 1;

pdf.getPage(pageNumber).then(function (page) {

console.log('Page loaded');

var scale = 1.5;

var viewport = page.getViewport(scale);

// Prepare canvas using PDF page dimensions

var canvas = document.getElementById('the-canvas');

var context = canvas.getContext('2d');

canvas.height = viewport.height;

canvas.width = viewport.width;

// Render PDF page into canvas context

var renderContext = {

canvasContext: context,

viewport: viewport

};

var renderTask = page.render(renderContext);

renderTask.then(function () {

console.log('Page rendered');

});

});

}, function (reason) {

// PDF loading error

console.error(reason);

});

官网的demo是个html实现的pdf页面http://mozilla.github.io/pdf.js/web/viewer.html  也可以学习参考

参友，记基开前不接些前家我告对猿果水使钮控考http://mozilla.github.io/p朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上屏屏有到随df.js/

本文来源于网络：查看 >https://www.cnblogs.com/yiyi17/p/9264495.html