DinkToPDF pdf result is different from the HTML

Question

I tried to convert html to pdf by using DinkToPDF.

Unfortunately the pdf result is different than source HTML.

Here are my DinkToPdf settings:

var globalSettings = new GlobalSettings
{
    ColorMode = ColorMode.Color,
    Orientation = Orientation.Portrait,
    PaperSize = PaperKind.A4,
    DocumentTitle = title,
    Out = string.Empty,
};

var objectSettings = new ObjectSettings
{
    PagesCount = true,
    HtmlContent = htmlBody,
    WebSettings = { DefaultEncoding = "utf-8" }
};

Sample Source HTML

Sample PDF result

Is it a bug? Or is there something wrong with my code?

A PDF is not a browser. It will render differently. You just have to make a simplified html page for pdf or create a PDF without html. — VDWWD, Aug 05 '20 at 09:03

score 1 · Answer 1 · edited Jan 05 '21 at 08:53

1

DinkToPdf is based on wkhtmltopdf and doesn't support a lot of modern CSS.

See this StackOverflow post on DinkToPdf.

edited Jan 05 '21 at 08:53

benhorgen

1,928
1
33
38

answered Dec 22 '20 at 12:23

zvons

11
3

score 0 · Answer 2 · answered Dec 03 '21 at 16:10

Its not a Bug. As explained by @zvons, it wont support Modern CSS like Flexbox. Further there are many Global settings which alter font depth, spacing etc. between characters.

Eg: DPI is important setting for PDF. This cant be done from CSS. Alter Global settings to achieve the result.

DinkToPDF pdf result is different from the HTML

2 Answers2