1. IronPDF
2. Anleitungen
3. Anpassen an Papier & Zoom

Virtuelles Ansichtsfenster und Zoom verwenden

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.

Erste Schritte mit IronPDF

Beginnen Sie noch heute mit der Verwendung von IronPDF in Ihrem Projekt mit einer kostenlosen Testversion.

Erster Schritt:

Kostenloser Start

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")

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")

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")

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")

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. Lassen Sie uns die 'receipt.html' Datei zu PDF.

Die Möglichkeit, die Seitenbreite und den Seitenrand mit den Parametern "width" und "margin" anzupassen, sorgt für Flexibilität und macht es zu einer praktischen Wahl für die Erstellung von prägnanten, einseitigen Dokumenten.

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

using IronPdf;

ChromePdfRenderer renderer = new ChromePdfRenderer();

int width = 90;
int margin = 0;

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

// Render web URL to PDF
PdfDocument pdf = renderer.RenderHtmlFileAsPdf("receipt.html");

pdf.SaveAs("continuousFeed.pdf");

Imports IronPdf

Private renderer As New ChromePdfRenderer()

Private width As Integer = 90
Private margin As Integer = 0

' Continuous feed rendering
renderer.RenderingOptions.PaperFit.UseContinuousFeedRendering(width, margin)

' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderHtmlFileAsPdf("receipt.html")

pdf.SaveAs("continuousFeed.pdf")