From 4f5081e60ae0e1c444dc7a1974d251e191be7742 Mon Sep 17 00:00:00 2001 From: Mario Sergio Date: Tue, 29 Apr 2025 11:27:18 -0300 Subject: [PATCH 1/3] fix(nossas): adjusted pdf viewer styles --- .../nossas/plugins/templates/nossas/plugins/pdf.html | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html b/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html index 7eac2fbf..2ba80da7 100644 --- a/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html +++ b/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html @@ -30,7 +30,7 @@ pageNum = 1, pageRendering = false, pageNumPending = null, - scale = 0.8, + scale = 1.5, canvas = document.getElementById('the-canvas'), ctx = canvas.getContext('2d'); @@ -45,6 +45,12 @@ var viewport = page.getViewport({scale: scale}); canvas.height = viewport.height; canvas.width = viewport.width; + canvas.style.width = '100%'; + canvas.style.height = 'auto'; + + // Melhora a qualidade de renderização + var outputScale = window.devicePixelRatio || 1; + ctx.scale(outputScale, outputScale); // Render PDF page into canvas context var renderContext = { From 1b000a1df17c96f7c66897667e2cc70e5735b7fc Mon Sep 17 00:00:00 2001 From: Mario Sergio Date: Tue, 29 Apr 2025 11:39:15 -0300 Subject: [PATCH 2/3] fix(nossas): adjusted pdf viewer auto scale styles --- app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html | 2 -- 1 file changed, 2 deletions(-) diff --git a/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html b/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html index 2ba80da7..cf7323eb 100644 --- a/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html +++ b/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html @@ -45,8 +45,6 @@ var viewport = page.getViewport({scale: scale}); canvas.height = viewport.height; canvas.width = viewport.width; - canvas.style.width = '100%'; - canvas.style.height = 'auto'; // Melhora a qualidade de renderização var outputScale = window.devicePixelRatio || 1; From 74d4fb0313e01f0f28220dbca05a4fbb910c40f1 Mon Sep 17 00:00:00 2001 From: Mario Sergio Date: Tue, 29 Apr 2025 11:50:45 -0300 Subject: [PATCH 3/3] fix(nossas): adjusted pdf viewer styles to container limits --- .../plugins/templates/nossas/plugins/pdf.html | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html b/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html index cf7323eb..10dce185 100644 --- a/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html +++ b/app/org_nossas/nossas/plugins/templates/nossas/plugins/pdf.html @@ -30,7 +30,7 @@ pageNum = 1, pageRendering = false, pageNumPending = null, - scale = 1.5, + scale = 1.0, canvas = document.getElementById('the-canvas'), ctx = canvas.getContext('2d'); @@ -43,12 +43,21 @@ // Using promise to fetch the page pdfDoc.getPage(num).then(function(page) { var viewport = page.getViewport({scale: scale}); + // Calcula a escala para caber no container + var container = canvas.parentElement; + var viewport = page.getViewport({scale: 1.0}); + + // Ajusta a escala para caber na largura do container + scale = Math.min((container.clientWidth - 20) / viewport.width, 1.5); + + // Cria novo viewport com a escala ajustada + viewport = page.getViewport({scale: scale * (window.devicePixelRatio || 1)}); + + // Ajusta o canvas canvas.height = viewport.height; canvas.width = viewport.width; - - // Melhora a qualidade de renderização - var outputScale = window.devicePixelRatio || 1; - ctx.scale(outputScale, outputScale); + canvas.style.width = (viewport.width / (window.devicePixelRatio || 1)) + 'px'; + canvas.style.height = (viewport.height / (window.devicePixelRatio || 1)) + 'px'; // Render PDF page into canvas context var renderContext = {