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.
Virtuelles Ansichtsfenster und Zoom verwenden
- Laden Sie die IronPDF C#-Bibliothek zum PDF-Rendering und zur Viewport-Steuerung herunter
- Rendering von HTML in PDF mit verschiedenen vorkonfigurierten Modi
- Verwenden Sie die Chrome-Standard- und responsiven CSS-Modi, um ein automatisches Layout in PDF zu erreichen
- Verwenden Sie die Skalierung, um den Inhalt zu vergrößern
- Konfigurieren Sie 'Seite anpassen' und 'kontinuierlicher Feed' für spezifische Anwendungsfälle
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")
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")
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")
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 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")