Paramètres de rendu 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");
})();

Paramètres de rendu HTML

De nombreuses options de rendu peuvent être configurées lors du rendu à partir de chaînes HTML, de fichiers ou d'URL web. Les paramètres présentés ci-dessus comprennent la personnalisation du format de papier avec des unités de mesure configurables, l'activation de l'arrière-plan HTML, l'orientation de la page, le titre du document, le retardement du processus de rendu, la spécification du type de support CSS, la sélection du mode papier, la création de champs de formulaire modifiables, la personnalisation des marges et l'ajout de numéros de page.

Les types de médias CSS "screen" et "print" sont des directives utilisées pour spécifier comment les styles doivent être appliqués aux documents HTML en fonction du support d'affichage ou de sortie. Lorsque "screen" est choisi comme type de média, cela indique que les règles CSS sont destinées à la visualisation à l'écran, optimisant des facteurs tels que les couleurs et les dispositions pour les écrans numériques. Inversement, lorsque l'option "imprimer" est sélectionnée, elle indique au navigateur d'appliquer des styles adaptés aux documents imprimés, garantissant ainsi la lisibilité et le formatage adéquat lorsque le contenu HTML est imprimé sur un support physique. Il est parfois nécessaire de définir le type de média CSS sur "screen" pour afficher certaines images d'arrière-plan.

Le délai dans le processus de rendu permet principalement de laisser le temps à JavaScript ou aux polices de se charger.