How does viewport size affects WinForms PDF in Blink rendering engine?

Syncfusion HTML to PDF for .NET is used to convert webpages, SVG, MHTML, and HTML to PDF. Using this library, you can convert HTML to PDF using C# and VB.NET in our WinForms PDF page.

You can adjust the HTML content size in the PDF document using the viewport size. The viewport size is internally set to the Blink headless browser window size. Based on the provided size, the content will be scaled in the PDF document. The Blink rendering engine will automatically calculate the height of the HTML content based on the provided viewport size. The default viewport size is 1024 x 0.

Steps to set the viewport size for converting HTML to PDF programmatically:

1. Create a new C# Windows Forms application project.
2. Install the Syncfusion.HtmlToPdfConverter.Blink.WinForms.nupkg NuGet package as a reference to your .NET Framework application from NuGet.org. 
3. Copy the BlinkBinaries from the installed HtmlToPdfConverter package folder and paste it into the folder that contains the HTMLtoPDF_Sample.csproj file.
4. Include the following namespaces in the Form1.cs file.

C#

using Syncfusion.HtmlConverter;
using Syncfusion.Pdf;
using System.IO;

VB.NET

Imports Syncfusion.HtmlConverter
Imports Syncfusion.Pdf
Imports System.IO

5. Use the following code snippet to set the viewport size for converting HTML to PDF.

C#

// Initialize HTML to PDF converter
HtmlToPdfConverter htmlConverter = new HtmlToPdfConverter(HtmlRenderingEngine.Blink);
BlinkConverterSettings blinkSettings = new BlinkConverterSettings();
// Set Blink path
blinkSettings.BlinkPath = Path.GetFullPath("../../BlinkBinaries");
// Set viewport size
blinkSettings.ViewPortSize = new Size(800, 0);
// Assign Blink settings to HTML converter
htmlConverter.ConverterSettings = blinkSettings;
// Convert HTML to PDF
PdfDocument document = htmlConverter.Convert("https://www.google.com");
// Save and close the PDF document
document.Save("Sample.pdf");
document.Close(true);

VB.NET

' Initialize HTML to PDF converter
Dim htmlConverter As HtmlToPdfConverter = New HtmlToPdfConverter(HtmlRenderingEngine.Blink)
Dim blinkSettings As BlinkConverterSettings = New BlinkConverterSettings
' Set Blink path
blinkSettings.BlinkPath = Path.GetFullPath("../../BlinkBinaries")
' Set viewport size
blinkSettings.ViewPortSize = New Size(800, 0)
' Assign Blink settings to HTML converter
htmlConverter.ConverterSettings = blinkSettings
' Convert HTML to PDF
Dim document As PdfDocument = htmlConverter.Convert("https://www.google.com")
' Save and close the PDF document
document.Save("Sample.pdf")
document.Close(True)

A complete working sample can be downloaded from HTMLtoPDF_Sample.zip

By executing the program, you will get the PDF document as follows. Screenshots of two different viewport sizes have been attached to this document. You can set any viewport size for the Blink rendering engine based on the requirement.

Viewport size - 800 x 0

Viewport size – 1500 x 0

Take a moment to peruse the documentation for Converting HTML to PDF, where you will find other options for URL to PDF, bookmarks, and hyperlinks.

An online sample link for Converting HTML to PDF.

Conclusion

I hope you enjoyed learning about how viewport size affects WinForms PDF in the Blink rendering engine.

You can refer to our WinForms PDF feature tour page to learn about its other groundbreaking feature representations. You can also explore our documentation to understand how to create and manipulate data.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to explore our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forum or feedback portal. We are always happy to assist you!