Cómo utilizar C# Virtual Viewport y Zoom en IronPDF

Modos de ajuste del papel

Accede al campo PaperFit en RenderingOptions para invocar un método preestablecido que se puede usar para un tipo y modo de representación específicos. Examinemos cada modo de PaperFit con más detalle al representar la conocida página de Wikipedia para la comparación.

Renderizado predeterminado de Chrome

Diseña las páginas PDF de la misma manera que aparecen en la vista previa de impresión de Google Chrome. Este método configura las opciones de representación para imitar la apariencia de una página web al imprimirse desde la vista previa de impresión de Google Chrome. El viewport CSS responsivo para el tamaño de papel especificado se interpreta según el ancho de ese tamaño de papel. Usa el método UseChromeDefaultRendering para configurar esto.

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

Renderizado CSS responsivo

En el modo CSS responsivo, puedes especificar un ancho de viewport pasando un valor al método UseResponsiveCssRendering. El ancho de viewport predeterminado es de 1280 píxeles. Como habrás notado, la unidad de viewport se basa en píxeles, representando un viewport de navegador virtual para diseños CSS responsivos.

Se utiliza CSS responsivo para definir la representación de HTML basada en el parámetro ViewPortWidth, escalando el contenido para ajustarse al ancho del tamaño de papel especificado.

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

Renderizado a escala

El método UseScaledRendering adopta un diseño que imita el comportamiento de 'Vista previa de impresión de Chrome' para un tamaño de papel especificado. También proporciona un nivel de zoom adicional que los desarrolladores pueden ajustar manualmente. Este método permite la opción de escalar el contenido según el porcentaje de zoom de entrada.

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

Renderización de páginas

Por el contrario, la representación 'ajustar a página' escala el contenido para ajustarse al tamaño de papel especificado. Mide el ancho mínimo del contenido HTML después de la representación y lo escala para ajustarse al ancho de una hoja de papel donde sea posible. El ancho mínimo de píxeles configurable se utiliza como un ancho mínimo basado en píxeles para el documento para asegurar una visualización correcta y respuesta a las reglas de diseño 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")

Renderizado continuo de fuentes

La representación de alimentación continua crea un PDF de una sola página que obliga al ancho y altura total del contenido a ajustarse a una sola página, haciéndola adecuada para documentos como facturas de consumidores o recibos. El ancho predeterminado para la página PDF es de 80.0 milímetros, y el margen predeterminado es de 5 milímetros. Let's render the 'receipt.html' file to PDF.

La capacidad de personalizar el ancho de la página y el margen usando los parámetros 'ancho' y 'margen' proporciona flexibilidad, convirtiéndola en una opción conveniente para crear documentos concisos de una sola página.

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

¿Listo para ver qué más puedes hacer? Consulta nuestra página de tutoriales aquí: Convertir PDFs