import * as PDFJS from
"pdfjs-dist/legacy/build/pdf"
;
PDFJS.GlobalWorkerOptions.workerSrc = require(
"pdfjs-dist/legacy/build/pdf.worker.entry.js"
);
PDFJS.getDocument(data).promise.then(pdfDoc=>{
const numPages = pdfDoc.numPages;
pdfDoc.getPage(1).then(page =>{
const canvas = document.getElementById(
"the_canvas"
);
const ctx = canvas.getContext(
"2d"
);
const dpr = window.devicePixelRatio || 1;
const bsr =
ctx.webkitBackingStorePixelRatio ||
ctx.mozBackingStorePixelRatio ||
ctx.msBackingStorePixelRatio ||
ctx.oBackingStorePixelRatio ||
ctx.backingStorePixelRatio ||
1;
const ratio = dpr / bsr;
const viewport = page.getViewport({ scale: 1 });
canvas.width = viewport.width * ratio;
canvas.height = viewport.height * ratio;
canvas.style.width = viewport.width +
"px"
;
canvas.style.height = viewport.height +
"px"
;
ctx.setTransform(ratio, 0, 0, ratio, 0, 0);
const renderContext = {
canvasContext: ctx,
viewport: viewport,
};
page.render(renderContext);
})
})