Configuración de renderizado HTML

import {PdfDocument, WaitForType, CssMediaType, FitToPaperModes, PdfPaperOrientation, PaperSizeUnit} from "@ironsoftware/ironpdf";

(async () => {
    // Many rendering options to use to customize!
    const options = {
        paperSize: {
            unit: PaperSizeUnit.Inch,
            width: 12.5,
            height: 20,
        },
        printHtmlBackgrounds: true,
        paperOrientation: PdfPaperOrientation.Landscape,
        title: "My PDF Document Name",
        waitFor: {
            type: WaitForType.RenderDelay,
            maxWaitTime: 50, // in milliseconds
        },
        cssMediaType: CssMediaType.Screen,
        fitToPaperMode: FitToPaperModes.FitToPage,
        createPdfFormsFromHtml: true,

        // Supports margin customization
        margin: {
            top: 40, // millimeters
            left: 20, // millimeters
            right: 20, // millimeters
            bottom: 40, // millimeters
        },

        // Can set FirstPageNumber if you have a cover page
        firstPageNumber: 1, // use 2 if a cover page will be appended
    };

    // Render HTML page to PDF
    const pdf = await PdfDocument.fromUrl("https://angular.io/", { renderOptions: options });
    
    // Save the PDF
    await pdf.saveAs("my-content.pdf");
})();

Configuración de renderizado HTML

Se pueden configurar muchas opciones de renderizado cuando se renderiza desde cadenas HTML, archivos o URLs web. Los ajustes mostrados anteriormente incluyen el tamaño de papel personalizado con unidades de medida configurables, la activación del fondo HTML, la orientación de la página, el título del documento, el retraso del proceso de renderizado, la especificación del tipo de soporte CSS, la selección del modo de papel, la creación de campos de formulario editables, la personalización de los márgenes y la adición de números de página.

Los tipos de medios CSS "pantalla" e "impresión" son directivas utilizadas para especificar cómo deben aplicarse los estilos a los documentos HTML en función del medio de visualización o salida. Cuando se elige "pantalla" como tipo de medio, se indica que las reglas CSS están pensadas para la visualización en pantalla, optimizando factores como los colores y el diseño para las pantallas digitales. Por el contrario, cuando se selecciona "imprimir", se indica al navegador que aplique estilos adaptados a los documentos impresos, lo que garantiza la legibilidad y el formato adecuado cuando el contenido HTML se imprime en soporte físico. A veces, es necesario establecer el tipo de medio CSS en "pantalla" para mostrar ciertas imágenes de fondo.

El retraso en el proceso de renderizado proporciona principalmente tiempo suficiente para que se carguen JavaScript o las fuentes.