mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Fix blurry pdf player rendering for all viewport sizes (#6182)

Browse source
This commit is contained in:
Martin 2024-10-13 10:24:08 +02:00 • committed by GitHub
parent a0b944b299
commit 7e4921f1dc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/plugins/pdfPlayer/plugin.js
View file

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