From 1a302ca975866c603b64c670a2f962cb2ea0fefb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=B8=80=E4=B8=81?= <1769123563@qq.com>
Date: Tue, 18 Nov 2025 14:21:41 +0800
Subject: [PATCH] Solving the Problem of Garbled Characters in PDF Rendering
---
ReportEngine/renderers/html_renderer.py | 35 +++++++++++++++++++++++--
templates/index.html | 22 ++++++++++++++--
2 files changed, 53 insertions(+), 4 deletions(-)
diff --git a/ReportEngine/renderers/html_renderer.py b/ReportEngine/renderers/html_renderer.py
index d2e072c..ca6a631 100644
--- a/ReportEngine/renderers/html_renderer.py
+++ b/ReportEngine/renderers/html_renderer.py
@@ -259,6 +259,10 @@ class HTMLRenderer:
jspdf_tag = f"" if jspdf else ''
mathjax_tag = f"" if mathjax else ''
+ # 加载PDF字体数据
+ pdf_font_data = self._load_pdf_font_data()
+ pdf_font_script = f"" if pdf_font_data else ""
+
return f"""
@@ -282,6 +286,7 @@ class HTMLRenderer:
}};
{mathjax_tag}
+ {pdf_font_script}
@@ -2353,6 +2358,7 @@ pre.code-block {{
main {{
box-shadow: none;
margin: 0;
+ max-width: 100%;
}}
.chapter > *,
.hero-section,
@@ -2364,6 +2370,7 @@ figure,
blockquote {{
break-inside: avoid;
page-break-inside: avoid;
+ max-width: 100%;
}}
.chapter h2,
.chapter h3,
@@ -2375,18 +2382,37 @@ blockquote {{
.chart-card,
.table-wrap {{
overflow: visible !important;
+ max-width: 100% !important;
+ box-sizing: border-box;
}}
.chart-card canvas {{
width: 100% !important;
height: auto !important;
+ max-width: 100% !important;
+}}
+.table-wrap {{
+ overflow-x: auto;
+ max-width: 100%;
}}
.table-wrap table {{
table-layout: fixed;
width: 100%;
+ max-width: 100%;
}}
.table-wrap table th,
.table-wrap table td {{
word-break: break-word;
+ overflow-wrap: break-word;
+}}
+/* 防止图片和图表溢出 */
+img, canvas, svg {{
+ max-width: 100% !important;
+ height: auto !important;
+}}
+/* 确保所有容器不超出页面宽度 */
+* {{
+ box-sizing: border-box;
+ max-width: 100%;
}}
}}
"""
@@ -2858,6 +2884,9 @@ function exportPdf() {
pdf.addFileToVFS('SourceHanSerifSC-Medium.otf', window.pdfFontData);
pdf.addFont('SourceHanSerifSC-Medium.otf', 'SourceHanSerif', 'normal');
pdf.setFont('SourceHanSerif');
+ console.log('PDF字体已成功加载');
+ } else {
+ console.warn('PDF字体数据未找到，将使用默认字体');
}
} catch (err) {
console.warn('Custom PDF font setup failed, fallback to default', err);
@@ -2890,11 +2919,13 @@ function exportPdf() {
autoPaging: 'text',
windowWidth: pxWidth,
html2canvas: {
- scale: Math.min(1.2, Math.max(0.8, pageWidth / (target.clientWidth || pageWidth))),
+ scale: Math.min(1.5, Math.max(1.0, pageWidth / (target.clientWidth || pageWidth))),
useCORS: true,
scrollX: 0,
scrollY: -window.scrollY,
- logging: false
+ logging: false,
+ allowTaint: true,
+ backgroundColor: '#ffffff'
},
pagebreak: {
mode: ['css', 'legacy'],
diff --git a/templates/index.html b/templates/index.html
index 9e1efe1..0257976 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3867,6 +3867,22 @@
throw new Error('PDF依赖未加载');
}
const pdf = new jsPDF('p', 'mm', 'a4');
+
+ // 添加中文字体支持
+ try {
+ const fontData = iframe.contentWindow.pdfFontData || window.pdfFontData;
+ if (fontData) {
+ pdf.addFileToVFS('SourceHanSerifSC-Medium.otf', fontData);
+ pdf.addFont('SourceHanSerifSC-Medium.otf', 'SourceHanSerif', 'normal');
+ pdf.setFont('SourceHanSerif');
+ console.log('PDF字体已加载：SourceHanSerif');
+ } else {
+ console.warn('PDF字体数据未找到，将使用默认字体');
+ }
+ } catch (fontErr) {
+ console.warn('PDF字体加载失败:', fontErr);
+ }
+
const pageWidth = pdf.internal.pageSize.getWidth();
const pxWidth = Math.max(target.scrollWidth || 0, Math.round(pageWidth * 3.78));
const renderTask = pdf.html(target, {
@@ -3877,11 +3893,13 @@
margin: [10, 10, 16, 10],
autoPaging: 'text',
html2canvas: {
- scale: Math.min(1.2, Math.max(0.8, pageWidth / (target.clientWidth || pageWidth))),
+ scale: Math.min(1.5, Math.max(1.0, pageWidth / (target.clientWidth || pageWidth))),
useCORS: true,
scrollX: 0,
scrollY: -iframe.contentWindow.scrollY,
- logging: false
+ logging: false,
+ allowTaint: true,
+ backgroundColor: '#ffffff'
},
pagebreak: {
mode: ['css', 'legacy'],