How to use Virtual Viewport and Zoom

Modes d'Ajustement au Papier

Accédez au champ PaperFit dans RenderingOptions pour invoquer une méthode prédéfinie qui peut être utilisée pour un type et un mode de rendu spécifiques. Examinons chaque mode PaperFit plus en détail en rendant la célèbre page Wikipédia pour comparaison.

Rendu par Défaut de Chrome

Dispose les pages PDF de la même manière qu'elles apparaissent dans l'aperçu avant impression de Google Chrome. Cette méthode configure les options de rendu pour imiter l'apparence d'une page web lors de l'impression depuis l'aperçu avant impression de Google Chrome. Le viewport CSS réactif pour la taille de papier spécifiée est interprété en fonction de la largeur de cette taille de papier. Utilisez la méthode UseChromeDefaultRendering pour configurer cela.

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

Rendu CSS Réactif

En mode CSS réactif, vous pouvez spécifier une largeur de viewport en passant une valeur à la méthode UseResponsiveCssRendering. La largeur de viewport par défaut est de 1280 pixels. Comme vous l'avez remarqué, l'unité de viewport est basée sur les pixels, représentant un viewport de navigateur virtuel pour les conceptions CSS réactives.

Le CSS réactif est utilisé pour définir le rendu du HTML en fonction du paramètre ViewPortWidth, en mettant le contenu à l'échelle pour qu'il s'adapte à la largeur de la taille de papier spécifiée.

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

Rendu Échelonné

La méthode UseScaledRendering adopte une mise en page qui imite le comportement de 'Aperçu Avant Impression de Chrome' pour une taille de papier spécifiée. Elle fournit également un niveau de zoom supplémentaire que les développeurs peuvent ajuster manuellement. Cette méthode permet l'option de mettre l'échelle du contenu selon le pourcentage de zoom d'entrée.

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

Rendu Ajusté à la Page

À l'inverse, le rendu 'ajusté à la page' met le contenu à l'échelle pour qu'il s'adapte à la taille de papier spécifiée. Il mesure la largeur minimale du contenu HTML après rendu et la met à l'échelle pour l'ajuster à la largeur d'une feuille de papier lorsque c'est possible. La largeur de pixel minimum configurable est utilisée comme largeur minimale basée sur les pixels pour le document afin d'assurer une affichage correct et une réactivité aux règles de mise en page CSS3.

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

Rendu à Alimentation Continue

Le rendu à alimentation continue crée un PDF d'une seule page qui impose la largeur et la hauteur de l'ensemble du contenu de tenir sur une seule page, ce qui le rend approprié pour des documents comme les factures de consommateurs ou les reçus. La largeur par défaut de la page PDF est de 80,0 millimètres, et la marge par défaut est de 5 millimètres. Let's render the 'receipt.html' file to PDF.

La capacité à personnaliser la largeur de la page et la marge en utilisant les paramètres 'largeur' et 'marge' offre de la flexibilité, en faisant un choix pratique pour créer des documents concis d'une seule page.

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

Prêt à voir ce que vous pouvez faire d'autre ? Consultez notre page de tutoriels ici : Convertir les PDFs