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
Brand: Iron Software
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 à l'affichage à 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 mode papier dans les options de taille de papier d'IronPDF détermine comment le contenu rendu doit s'adapter aux pages PDF. Il existe plusieurs valeurs pour cette option :
ContinuousFeed : Ce mode convient aux imprimantes à alimentation continue, où 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 ajusté pour s'adapter à la hauteur spécifiée du papier tout en maintenant le ratio d'aspect. 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 maintenant le rapport d'aspect. 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 à la totalité de la page, à la fois en termes de hauteur et de largeur, tout en conservant le rapport d'aspect. Il permet de faire tenir l'ensemble du contenu sur une seule page.