Virtuelles Ansichtsfenster und Zoom verwenden

This article was translated from English: Does it need improvement?
Translated
View the article in English

Bei der Umwandlung von HTML in PDF spielt das Ansichtsfenster eine wichtige Rolle bei der Bestimmung, wie das Layout der Webseite im resultierenden PDF-Dokument wiedergegeben wird. Konkret handelt es sich um die virtuelle Bildschirmgröße, auf der der Browser die Webseite darstellen soll.

Zoom regelt im Zusammenhang mit dem HTML-PDF-Rendering die Skalierung des Webseiteninhalts im PDF-Dokument. Durch die Möglichkeit der Feineinstellung der Zoomstufe kann die Größe des Inhalts in der resultierenden PDF-Datei angepasst werden, um sicherzustellen, dass er mit dem gewünschten Layout und der Formatierung übereinstimmt.


C# NuGet-Bibliothek für PDF

Installieren mit NuGet

Install-Package IronPdf
oder
Java PDF JAR

Herunterladen DLL

DLL herunterladen

Manuelle Installation in Ihr Projekt

C# NuGet-Bibliothek für PDF

Installieren mit NuGet

Install-Package IronPdf
oder
Java PDF JAR

Herunterladen DLL

DLL herunterladen

Manuelle Installation in Ihr Projekt

Fangen Sie noch heute an, IronPDF in Ihrem Projekt mit einer kostenlosen Testversion zu verwenden.

Erster Schritt:
green arrow pointer

Schau dir an IronPDF an Nuget Für schnelle Installation und Bereitstellung. Mit über 8 Millionen Downloads verwandelt es PDF mit C#.

C# NuGet-Bibliothek für PDF nuget.org/packages/IronPdf/
Install-Package IronPdf

Erwägen Sie die Installation der IronPDF DLL direkt. Laden Sie es herunter und installieren Sie es manuell für Ihr Projekt oder die GAC-Form: IronPdf.zip

Manuelle Installation in Ihr Projekt

DLL herunterladen

Papieranpassungsmodi

Greifen Sie auf das Feld PaperFit in RenderingOptions zu, um eine voreingestellte Methode aufzurufen, die für einen bestimmten Rendering-Typ und -Modus verwendet werden kann. Schauen wir uns die einzelnen PaperFit-Modi genauer an, indem wir die bekannte Wikipedia-Seite zum Vergleich heranziehen.

Chrome Standard-Rendering

Zeigt die PDF-Seiten so an, wie sie in der Druckvorschau von Google Chrome erscheinen. Mit dieser Methode werden die Rendering-Optionen so konfiguriert, dass das Erscheinungsbild einer Webseite beim Drucken aus der Druckvorschau von Google Chrome nachgeahmt wird. Das responsive CSS-Viewport für das angegebene Papierformat wird auf der Grundlage der Breite dieses Papierformats interpretiert. Verwenden Sie die Methode UseChromeDefaultRendering, um dies zu konfigurieren.

:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-default-chrome.cs
using IronPdf;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Chrome default rendering
renderer.RenderingOptions.PaperFit.UseChromeDefaultRendering();

// Render web URL to PDF
PdfDocument pdf = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page");

pdf.SaveAs("chromeDefault.pdf");
Imports IronPdf

Private renderer As New ChromePdfRenderer()

' Chrome default rendering
renderer.RenderingOptions.PaperFit.UseChromeDefaultRendering()

' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page")

pdf.SaveAs("chromeDefault.pdf")
VB   C#

Responsive CSS-Rendering

Im responsiven CSS-Modus können Sie die Breite des Ansichtsfensters angeben, indem Sie einen Wert an die Methode "UseResponsiveCssRendering" übergeben. Die Standardbreite des Ansichtsfensters beträgt 1280 Pixel. Wie Sie vielleicht schon bemerkt haben, ist die Viewport-Einheit pixelbasiert und stellt ein virtuelles Browser-Viewport für responsive CSS-Designs dar.

Responsive CSS wird verwendet, um das Rendering von HTML auf der Grundlage des Parameters ViewPortWidth zu definieren und den Inhalt so zu skalieren, dass er in die Breite der angegebenen Papiergröße passt.

:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-responsive-css.cs
using IronPdf;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Responsive CSS rendering
renderer.RenderingOptions.PaperFit.UseResponsiveCssRendering(1280);

// Render web URL to PDF
PdfDocument pdf = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page");

pdf.SaveAs("responsiveCss.pdf");
Imports IronPdf

Private renderer As New ChromePdfRenderer()

' Responsive CSS rendering
renderer.RenderingOptions.PaperFit.UseResponsiveCssRendering(1280)

' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page")

pdf.SaveAs("responsiveCss.pdf")
VB   C#

Skaliertes Rendering

Die Methode "UseScaledRendering" nimmt ein Layout an, das das Verhalten der Chrome-Druckvorschau für eine bestimmte Papiergröße nachahmt. Sie bietet außerdem eine zusätzliche Zoomstufe, die Entwickler manuell anpassen können. Diese Methode ermöglicht es, den Inhalt entsprechend dem eingegebenen Zoom-Prozentsatz zu skalieren.

:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-scaled.cs
using IronPdf;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Scaled rendering
renderer.RenderingOptions.PaperFit.UseScaledRendering(180);

// Render web URL to PDF
PdfDocument pdf = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page");

pdf.SaveAs("scaled.pdf");
Imports IronPdf

Private renderer As New ChromePdfRenderer()

' Scaled rendering
renderer.RenderingOptions.PaperFit.UseScaledRendering(180)

' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page")

pdf.SaveAs("scaled.pdf")
VB   C#

An die Seite anpassen Rendering

Umgekehrt skaliert das "Fit to Page"-Rendering den Inhalt so, dass er auf die angegebene Papiergröße passt. Es misst die Mindestbreite des HTML-Inhalts nach dem Rendern und skaliert ihn so, dass er nach Möglichkeit auf die Breite eines Blattes Papier passt. Die konfigurierbare Mindestpixelbreite wird als pixelbasierte Mindestbreite für das Dokument verwendet, um eine korrekte Anzeige und die Einhaltung der CSS3-Layoutregeln zu gewährleisten.

:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-fit-to-page.cs
using IronPdf;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Fit to page rendering
renderer.RenderingOptions.PaperFit.UseFitToPageRendering();

// Render web URL to PDF
PdfDocument pdf = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page");

pdf.SaveAs("fitToPage.pdf");
Imports IronPdf

Private renderer As New ChromePdfRenderer()

' Fit to page rendering
renderer.RenderingOptions.PaperFit.UseFitToPageRendering()

' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page")

pdf.SaveAs("fitToPage.pdf")
VB   C#

Rendering mit kontinuierlicher Zuführung

Beim Rendering mit kontinuierlichem Einzug wird eine einseitige PDF-Datei erstellt, bei der der gesamte Inhalt in Breite und Höhe auf eine Seite passt, so dass sie sich für Dokumente wie Rechnungen oder Quittungen eignet. Die Standardbreite für die PDF-Seite beträgt 80,0 Millimeter und der Standardrand 5 Millimeter.

Die Möglichkeit, die Seitenbreite und den Seitenrand mit den Parametern "Breite" und "Rand" anzupassen, sorgt für Flexibilität und macht das Programm zu einer idealen Wahl für die Erstellung übersichtlicher, einseitiger Dokumente.

:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-continuous-feed.cs
using IronPdf;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Continuous feed rendering
renderer.RenderingOptions.PaperFit.UseContinuousFeedRendering();

// Render web URL to PDF
PdfDocument pdf = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page");

pdf.SaveAs("continuousFeed.pdf");
Imports IronPdf

Private renderer As New ChromePdfRenderer()

' Continuous feed rendering
renderer.RenderingOptions.PaperFit.UseContinuousFeedRendering()

' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page")

pdf.SaveAs("continuousFeed.pdf")
VB   C#