Configuración de renderizado HTML

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

(async () => {
    //  ¡Muchas opciones de renderizado para personalizar!
    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, //  en milisegundos
        },
        cssMediaType: CssMediaType.Screen,
        fitToPaperMode: FitToPaperModes.FitToPage,
        createPdfFormsFromHtml: true,

        //  Admite la personalización de márgenes
        margin: {
            top: 40, //  milímetros
            left: 20, //  milímetros
            right: 20, //  milímetros
            bottom: 40, //  milímetros
        },

        //  Puede establecer FirstPageNumber si tiene una portada
        firstPageNumber: 1, //  utilice 2 si se va a adjuntar una portada
    };

    //  Convertir una página HTML en PDF
    const pdf = await PdfDocument.fromUrl("https://angular.io/", { renderOptions: options });
    
    //  Guardar el 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.