Comment utiliser C&#35 ; Virtual Viewport et Zoom dans IronPDF

Quels sont les modes d'adaptation du papier dans IronPDF?

Accédez au champ PaperFit dans RenderingOptions pour utiliser des méthodes prédéfinies pour des types et des modes de rendu spécifiques. Ces modes fournissent différentes approches pour le rendu du contenu HTML sur les pages PDF, similaires aux techniques utilisées lors de la création de formats de papier personnalisés. Examinons chaque mode de PaperFit en rendant la page principale de Wikipédia à des fins de comparaison.

Les modes de PaperFit gèrent diverses mises en page de contenu, des pages web standard aux documents spécialisés tels que les reçus ou les rapports. Chaque mode est optimisé pour des cas d'utilisation spécifiques, garantissant que les PDF conservent la conception et la lisibilité voulues, quel que soit le format d'origine du contenu source.

Comment utiliser le rendu par défaut de Chrome?

<TODO : Ajouter une image ici -->

Ce mode présente les pages PDF telles qu'elles apparaissent dans l'aperçu avant impression de Google Chrome. Elle configure les options de rendu pour qu'elles correspondent à l'apparence d'une page web lorsqu'elle est imprimée à partir de Chrome. La fenêtre CSS réactive interprète le format de papier spécifié en fonction de sa largeur. Utilisez la méthode UseChromeDefaultRendering pour configurer ceci.

Le rendu par défaut de Chrome maintient la cohérence avec les attentes des navigateurs en matière d'impression. Elle fonctionne bien pour les pages web et les documents standard où vous souhaitez préserver le flux naturel du contenu tel qu'il apparaît dans les opérations d'impression typiques d'un navigateur. Pour les scénarios avancés impliquant le rendu JavaScript, ce mode garantit une exécution et un affichage corrects du contenu dynamique.

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

Comment utiliser le rendu CSS réactif?

<TODO : Ajouter une image ici -->

En mode CSS réactif, spécifiez une largeur de fenêtre en passant une valeur à la méthode UseResponsiveCssRendering. La ViewPortWidth par défaut est de 1280 pixels. L'unité de visualisation est basée sur le pixel, représentant une fenêtre de visualisation virtuelle du navigateur pour les conceptions CSS réactives. Ce mode prend en charge les cadres modernes et fonctionne avec Bootstrap et Flex CSS layouts.

Responsive CSS définit le rendu HTML en fonction du paramètre ViewPortWidth, mettant à l'échelle le contenu pour l'adapter à la largeur du format de papier spécifié. Cette approche convient aux applications web modernes qui utilisent les principes du responsive design, garantissant que les PDF conservent la mise en page prévue quelle que soit la taille de l'affichage d'origine. Lorsque l'on travaille avec des marges personnalisées, ce mode permet de contrôler avec précision l'adaptation du contenu aux différentes dimensions de la page.

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

Comment utiliser le rendu à l'échelle?

La méthode UseScaledRendering imite le comportement de l'aperçu avant impression de Chrome pour un format de papier spécifié tout en fournissant un niveau de zoom réglable. Cette méthode permet d'adapter le contenu en fonction du pourcentage de zoom saisi.

Le rendu à l'échelle permet un contrôle précis de l'apparence du contenu dans les PDF. Contrairement aux approches à fenêtre fixe, cette méthode permet un ajustement dynamique de la taille du contenu, ce qui la rend idéale pour les documents nécessitant une lisibilité à différentes échelles ou lors de la préparation de PDF pour divers contextes d'affichage. Cette technique complète les paramètres d'orientation et de rotation des pages pour une présentation optimale des documents.

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

Comment utiliser la fonction Fit to Page Rendering?

Le rendu adapté à la page adapte le contenu au format de papier spécifié. Il mesure la largeur minimale du contenu HTML après le rendu et l'adapte, dans la mesure du possible, à la largeur d'une feuille de papier. La largeur de pixel minimale configurable garantit un affichage correct et une réactivité aux règles de mise en page CSS3.

Ce mode permet de traiter des contenus qui peuvent s'étendre sur plusieurs pages horizontalement. Elle convient parfaitement aux tableaux larges, aux graphiques ou aux tableaux de bord qui doivent tenir sur une seule page. La mise à l'échelle automatique garantit que tout le contenu reste visible sans défilement horizontal, ce qui en fait un outil idéal pour générer des rapports PDF où la lisibilité est importante.

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

Comment utiliser le Continuous Feed Rendering?

Le rendu d'alimentation continue crée un PDF d'une seule page qui contient tout le contenu sur une seule page, ce qui convient à des documents tels que des factures ou des reçus de consommateurs. La largeur de page PDF par défaut est de 80,0 millimètres avec des marges de 5 millimètres. Let's render the 'receipt.html' file to PDF.

Personnalisez la largeur et la marge de la page à l'aide des paramètres width et margin pour plus de flexibilité. Ce mode permet de créer des documents concis d'une seule page. Il génère des reçus, des factures ou tout autre document nécessitant un flux continu sans saut de page. Combiné avec le contrôle des sauts de page du HTML au PDF, vous pouvez créer des mises en page de documents sophistiquées pour répondre à des besoins spécifiques.

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

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