diff --git a/src/plugins/pdfPlayer/plugin.js b/src/plugins/pdfPlayer/plugin.js index 7b7e3fa4b8..de30a73bfd 100644 --- a/src/plugins/pdfPlayer/plugin.js +++ b/src/plugins/pdfPlayer/plugin.js @@ -290,22 +290,16 @@ export class PdfPlayer { } renderPage(canvas, number) { + const devicePixelRatio = window.devicePixelRatio || 1; this.book.getPage(number).then(page => { - const width = dom.getWindowSize().innerWidth; - const height = dom.getWindowSize().innerHeight; - const scale = Math.ceil(window.devicePixelRatio || 1); + const original = page.getViewport({ scale: 1 }); + const scale = Math.max((window.screen.height / original.height), (window.screen.width / original.width)) * devicePixelRatio; const viewport = page.getViewport({ scale }); - const context = canvas.getContext('2d'); + canvas.width = viewport.width; canvas.height = viewport.height; - if (width < height) { - canvas.style.width = '100%'; - canvas.style.height = 'auto'; - } else { - canvas.style.height = '100%'; - canvas.style.width = 'auto'; - } + const context = canvas.getContext('2d'); const renderContext = { canvasContext: context,