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");
})();

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

HTMLレンダリング設定

多くのレンダリングオプションは、HTML文字列、ファイル、またはWeb URLからレンダリングする際に構成できます。上記の設定には、構成可能な測定単位を持つカスタム紙サイズ、HTML背景の有効化、ページの向き、ドキュメントタイトル、レンダリングプロセスの遅延、CSSメディアタイプの指定、紙モードの選択、編集可能なフォームフィールドの作成、マージンのカスタマイズ、そしてページ番号の追加が含まれます。

CSSメディアタイプ"screen"と"print"は、表示または出力の媒体に基づいてHTMLドキュメントにスタイルを適用する方法を指定するために使用される指令です。 "screen"がメディアタイプとして選択された場合、CSSルールはオンスクリーン表示向けに意図されており、デジタルスクリーン向けに色やレイアウトを最適化します。逆に、"print"が選択された場合、印刷用ドキュメントに合わせたスタイルを適用するようブラウザに指示し、HTMLコンテンツが物理メディアに印刷される際の可読性と適切な書式設定を確保します。時には、特定の背景画像を表示するためにCSSメディアタイプを"screen"に設定することが必要です。

レンダリングプロセスの遅延は主にJavaScriptやフォントのロードのための十分な時間を提供します。

説明: