Virtuelles Ansichtsfenster und Zoom verwenden

Chaknith Bin
Chaknith Bin
12. Oktober 2023
Aktualisiert 19. Februar 2025
Teilen Sie:
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.

Erste Schritte mit IronPDF

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

Erster Schritt:
green arrow pointer



Papieranpassungsmodi

Zugreifen auf das PaperFit-Feld in den RenderingOptions, um eine vordefinierte Methode aufzurufen, die für einen bestimmten Render-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. Der responsive CSS-Viewport für die angegebene Papiergröße wird basierend auf der Breite dieser Papiergröße interpretiert. Verwenden Sie die UseChromeDefaultRendering-Methode, 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")
$vbLabelText   $csharpLabel

Responsive CSS-Rendering

Im responsiven CSS-Modus können Sie eine Viewport-Breite angeben, indem Sie einen Wert an die UseResponsiveCssRendering-Methode ü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 Rendern von HTML basierend auf dem ViewPortWidth-Parameter zu definieren und den Inhalt so zu skalieren, dass er zur 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")
$vbLabelText   $csharpLabel

Skaliertes Rendering

Die UseScaledRendering-Methode verwendet ein Layout, das das Verhalten von 'Chrome Print Preview' für eine bestimmte Papiergröße nachahmt. Sie bietet auch eine zusätzliche Zoomstufe, die Entwickler manuell anpassen können. Diese Methode ermöglicht die Option, 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")
$vbLabelText   $csharpLabel

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")
$vbLabelText   $csharpLabel

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 Datei 'receipt.html' in PDF umwandeln.

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")
$vbLabelText   $csharpLabel
Chaknith Bin
Software-Ingenieur
Chaknith arbeitet an IronXL und IronBarcode. Er hat tiefgehende Expertise in C# und .NET und hilft, die Software zu verbessern und Kunden zu unterstützen. Seine Erkenntnisse aus Benutzerinteraktionen tragen zu besseren Produkten, Dokumentation und einem insgesamt besseren Erlebnis bei.