ArthurHub / ArthurHub/HTML-Renderer

The library ignores position:absolute styling

未關閉
#203 2 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
bug
主要語言
C#
星號
1.4k
分支
550
平均合併
14 天 9 小時
30 天內合併 PR
1

描述

I have HTML code with many elements with style position: absolute. The HTML code looks good in the browser but when I try to convert it to pdf using HtmlRenderer.PdfSharp, I get all the elements in the top left corner. How can I fix this?

Here is my code:
```c#
using PdfSharp;
using PdfSharp.Pdf;
using TheArtOfDev.HtmlRenderer.PdfSharp;

var html = "...";
File.WriteAllBytes("draft.html", Encoding.UTF8.GetBytes(html));
using PdfDocument pdf = PdfGenerator.GeneratePdf(html, PageSize.A4, margin:0);
using var ms = new MemoryStream();
pdf.Save(ms);
File.WriteAllBytes("draft.pdf", ms.ToArray());
return ms.ToArray();
```
The html:
```html

Hello world!


Hello world!1


Hello world!2


Hello world!3

```
Below is how the generated pdf looks like:
![MPt2s](https://github.com/ArthurHub/HTML-Renderer/assets/39989294/2ac154ef-9584-442e-8897-9ef8d9f1d7ed)

貢獻指南

這個儲存庫沒有索引到貢獻指南

研究方向

透過 PdfGenerator.GeneratePdf 從提供的 C# 重現開始,並將產生的 PDF 與 HTML 中的位置進行比較。追蹤 renderer 如何處理這些段落的 position:absolute、top 和 left;當四個元素保留不同的偏移量,而不是全部塌縮到左上角時,即表示完成。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
csharp
領域
tooling
Issue 類型
缺陷
難度
4/5
預估耗時
3-5 天
活躍度
停滯
描述清晰度
基本清楚
新手友好度
38/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。