HTML responsive vers PDF

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

(async () => {
    const options = {
        // Choose Screen or Print CSS media
        cssMediaType: CssMediaType.Screen,
        
        // Set paper mode to automatic fit to physical paper
        fitToPaperMode: FitToPaperModes.FitToPage,
    };

    // Render an HTML file
	const pdf = await PdfDocument.fromHtml("Responsive.html", {renderOptions: options});

	await pdf.saveAs("pdf-from-html.pdf");
})();

HTML responsive vers PDF

Name: IronPDF for Node.js PDF Library - IronPDF
Availability: InStock
Rating: 4.87 (307 reviews)

En ce qui concerne les paramètres de visualisation, il y a le média CSS et le mode papier.

L'option CSS media d'IronPDF vous permet de spécifier comment les styles doivent être appliqués au contenu HTML lors de son rendu dans un document PDF. Les deux valeurs de cette option sont les médias CSS "screen" et "print" :

Écran : Indique que les règles CSS sont destinées à être affichées à l'écran. Les styles sont optimisés pour les écrans numériques, ce qui inclut généralement des considérations telles que les couleurs et les mises en page qui s'affichent bien sur les écrans d'ordinateur.
Imprimer : Indique au navigateur d'appliquer des styles adaptés aux documents imprimés. Cela signifie que les règles CSS sont optimisées pour l'impression, ce qui garantit la lisibilité et le bon formatage lorsque le contenu HTML est imprimé sur un support physique, comme le papier.
L'option du mode papier dansOptions de format de papier d'IronPDF détermine comment le contenu rendu doit s'insérer dans les pages du PDF. Il existe plusieurs valeurs pour cette option :
ContinuousFeed : Ce mode convient aux imprimantes à alimentation continue, dont le contenu est imprimé sur un rouleau de papier. Il est généralement utilisé pour l'impression spécialisée, par exemple dans les environnements industriels.
FitToHeight : Dans ce mode, le contenu est mis à l'échelle pour s'adapter à la hauteur spécifiée du papier tout en conservant le rapport hauteur/largeur. Cela permet d'assurer la visibilité de l'ensemble du contenu sans déborder.
FitToWidth : Dans ce mode, le contenu est mis à l'échelle pour s'adapter à la largeur spécifiée du papier tout en conservant le rapport hauteur/largeur. Cette fonction est utile lorsque vous souhaitez vous assurer que le contenu respecte une contrainte de largeur spécifique.
FitToPage : Dans ce mode, le contenu est mis à l'échelle pour s'adapter à l'ensemble de la page, tant en termes de hauteur que de largeur, tout en conservant le rapport d'aspect. Il permet de faire tenir l'ensemble du contenu sur une seule page.