git.gladyson/openmonetis
1
0
Fork 1
mirror of https://github.com/felipegcoutinho/openmonetis.git synced 2026-05-09 11:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(exports): renderizar logos SVG em alta resolução no PDF

Browse Source 
Atualiza loadExportLogoDataUrl para carregar SVGs e rasterizar no canvas
a 4× a resolução natural antes de retornar o data URL — preserva nitidez
quando o PDF amplia a imagem. Default do path mudou para
/images/logo_text.svg.

Os exports de categorias e lançamentos agora apontam para os arquivos
.svg em vez dos .png removidos.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-04-27 00:11:21 +00:00
parent 29d99cbedb
commit 863ccc0fd2
3 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/features/reports/components/category-report-export.tsx
View File

@@ -224,8 +224,8 @@ export function CategoryReportExport({
const doc = new jsPDF({ orientation: "landscape" }); const doc = new jsPDF({ orientation: "landscape" });
const primaryColor = getPrimaryPdfColor(); const primaryColor = getPrimaryPdfColor();
const [smallLogoDataUrl, textLogoDataUrl] = await Promise.all([ const [smallLogoDataUrl, textLogoDataUrl] = await Promise.all([
loadExportLogoDataUrl("/images/logo_small.png"), loadExportLogoDataUrl("/images/logo_small.svg"),
loadExportLogoDataUrl("/images/logo_text.png"), loadExportLogoDataUrl("/images/logo_text.svg"),
]); ]);
let brandingEndX = 14; let brandingEndX = 14;

4
src/features/transactions/components/transactions-export.tsx
View File

@@ -229,8 +229,8 @@ export function TransactionsExport({
const doc = new jsPDF({ orientation: "landscape" }); const doc = new jsPDF({ orientation: "landscape" });
const primaryColor = getPrimaryPdfColor(); const primaryColor = getPrimaryPdfColor();
const [smallLogoDataUrl, textLogoDataUrl] = await Promise.all([ const [smallLogoDataUrl, textLogoDataUrl] = await Promise.all([
loadExportLogoDataUrl("/images/logo_small.png"), loadExportLogoDataUrl("/images/logo_small.svg"),
loadExportLogoDataUrl("/images/logo_text.png"), loadExportLogoDataUrl("/images/logo_text.svg"),
]); ]);
let brandingEndX = 14; let brandingEndX = 14;

13
src/shared/utils/export-branding.ts
View File

@@ -65,8 +65,10 @@ export function getPrimaryPdfColor(): [number, number, number] {
return FALLBACK_PRIMARY_COLOR; return FALLBACK_PRIMARY_COLOR;
} }
const EXPORT_LOGO_RENDER_SCALE = 4;
export async function loadExportLogoDataUrl( export async function loadExportLogoDataUrl(
logoPath = "/images/logo_text.png", logoPath = "/images/logo_text.svg",
): Promise<string | null> { ): Promise<string | null> {
if (typeof window === "undefined" || typeof document === "undefined") { if (typeof window === "undefined" || typeof document === "undefined") {
return null; return null;
@@ -77,13 +79,16 @@ export async function loadExportLogoDataUrl(
image.crossOrigin = "anonymous"; image.crossOrigin = "anonymous";
image.onload = () => { image.onload = () => {
const width = image.naturalWidth || image.width; const naturalWidth = image.naturalWidth || image.width;
const height = image.naturalHeight || image.height; const naturalHeight = image.naturalHeight || image.height;
if (!width || !height) { if (!naturalWidth || !naturalHeight) {
resolve(null); resolve(null);
return; return;
} }
const width = Math.round(naturalWidth * EXPORT_LOGO_RENDER_SCALE);
const height = Math.round(naturalHeight * EXPORT_LOGO_RENDER_SCALE);
const canvas = document.createElement("canvas"); const canvas = document.createElement("canvas");
canvas.width = width; canvas.width = width;
canvas.height = height; canvas.height = height;