report-detect/report_viz/index.html

42 lines
2.3 KiB
HTML

<html><body style="font-family: sans-serif; padding: 20px; background: #fdfdfd;">
<h1>Integrated Workflow: Paddlex Layout Analysis + OCR</h1>
<div style="background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); margin-bottom: 40px;">
<h3>1. Document Layout Detection (Paddlex PP-DocLayout-L)</h3>
<p>File: WTS2025-21283.pdf | Detected Regions: 21</p>
<img src="doc_layout_viz.png" style="max-width: 100%; border: 1px solid #999;">
</div>
<div>
<h2>2. Refined Seal Extraction & Unwarping</h2>
<div style="margin-bottom: 40px; border-bottom: 2px solid #eee; padding-bottom: 20px;">
<h3>Seal Area #0</h3>
<div style="display: flex; gap: 20px;">
<div style="background:white; padding:10px; border-radius:4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
<p style="margin-top:0;">Detection Overlay</p>
<img src="seal_marked_0.png" style="max-height: 350px;">
</div>
<div style="flex-grow:1; background:white; padding:10px; border-radius:4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
<p style="margin-top:0;">Unwarped Organization Name</p>
<img src="seal_unwarp_0.png" style="max-width: 100%; border: 1px solid #ddd;">
</div>
</div>
</div>
<div style="margin-bottom: 40px; border-bottom: 2px solid #eee; padding-bottom: 20px;">
<h3>Seal Area #1</h3>
<div style="display: flex; gap: 20px;">
<div style="background:white; padding:10px; border-radius:4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
<p style="margin-top:0;">Detection Overlay</p>
<img src="seal_marked_1.png" style="max-height: 350px;">
</div>
<div style="flex-grow:1; background:white; padding:10px; border-radius:4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
<p style="margin-top:0;">Unwarped Organization Name</p>
<img src="seal_unwarp_1.png" style="max-width: 100%; border: 1px solid #ddd;">
</div>
</div>
</div>
</div>
</body></html>