How to use Virtual Viewport and Zoom

Modi für Seitenanpassung

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

Chrome Standard Rendering

Legt PDF-Seiten auf die gleiche Weise dar, wie sie in der Druckvorschau von Google Chrome erscheinen. Diese Methode konfiguriert die Rendering-Optionen so, dass sie das Erscheinungsbild einer Webseite nachahmen, wenn sie aus der Druckvorschau von Google Chrome gedruckt wird. Der responsive CSS-Viewport für die angegebene Papiergröße wird basierend auf der Breite dieser Papiergröße 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 eine Viewport-Breite angeben, indem Sie einen Wert an die Methode UseResponsiveCssRendering übergeben. Die Standard-Viewport-Breite beträgt 1280 Pixel. Wie Sie vielleicht bemerkt haben, ist die Viewport-Einheit pixelbasiert und stellt einen virtuellen Browser-Viewport für responsive CSS-Designs dar.

Responsive CSS wird verwendet, um das Rendering von HTML basierend auf dem Parameter ViewPortWidth zu definieren und den Inhalt an die Breite der angegebenen Papiergröße anzupassen.

: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 adoptiert ein Layout, das das Verhalten der 'Chrome-Druckvorschau' für eine festgelegte Papiergröße nachahmt. Sie bietet auch eine zusätzliche Zoomstufe, die Entwickler manuell anpassen können. Diese Methode ermöglicht es, den Inhalt entsprechend dem eingegebenen Zoomprozentsatz 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 Seite anpassen Rendering

Umgekehrt skaliert das 'an Seite anpassen'-Rendering Inhalte, um sie an die festgelegte Papiergröße anzupassen. Es misst die minimale Breite des HTML-Inhalts nach dem Rendern und skaliert ihn auf die Breite eines Blattes Papier, wo dies möglich ist. Die konfigurierbare minimale Pixelbreite wird als pixelbasierte Mindestbreite für das Dokument verwendet, um eine korrekte Anzeige und Reaktion auf 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")

Kontinuierliche Zuführung Rendering

Kontinuierliches Feed-Rendering erstellt ein einseitiges PDF, das die gesamte Breite und Höhe des Inhalts auf eine Seite anpasst, wodurch es für Dokumente wie Verbraucherrechnungen oder Quittungen geeignet ist. Die Standardbreite für die PDF-Seite beträgt 80,0 Millimeter und der Standardrand beträgt 5 Millimeter. Let's render the 'receipt.html' file to PDF.

Die Möglichkeit, die Seitenbreite und den Rand mithilfe der Parameter 'width' und 'margin' anzupassen, bietet Flexibilität und macht es zu einer bequemen Wahl für die Erstellung prägnanter, einseitiger Dokumente.

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

Bereit zu sehen, was Sie sonst noch tun können? Schauen Sie sich unsere Tutorial-Seite hier an: PDFs konvertieren