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

Blurred pdf

Browse source 
Blurred pdf may happen if the screen is small. I modified pdfPlayer to avoid it.
This commit is contained in:
Zourlo 2023-02-12 21:59:22 +09:00
parent f90169fa9a
commit fa7a9aaee6
2 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -278,16 +278,22 @@ export class PdfPlayer {
renderPage(canvas, number) {
this.book.getPage(number).then(page => {
const original = page.getViewport({ scale: 1 });
const width = dom.getWindowSize().innerWidth;
const height = dom.getWindowSize().innerHeight;
const viewport = page.getViewport({ scale: 5 });
const context = canvas.getContext('2d');
const widthRatio = dom.getWindowSize().innerWidth / original.width;
const heightRatio = dom.getWindowSize().innerHeight / original.height;
const scale = Math.min(heightRatio, widthRatio);
const viewport = page.getViewport({ scale: scale });
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 renderContext = {
canvasContext: context,
viewport: viewport