響應式HTML轉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轉PDF

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

在視口設置方面，有CSS媒體和紙張模式。

IronPDF 中的 CSS 媒體選項允許您指定在將 HTML 內容呈現為 PDF 文檔時應如何應用樣式。此選項的兩個值為CSS媒體“screen”和“print”：

屏幕：表示 CSS 規則是為了螢幕觀看而設計的。樣式經過優化，適用於數位螢幕，這通常包括了顏色和佈局等考量，以便在電腦顯示器上呈現良好效果。
列印：指示瀏覽器應用為列印文件量身定制的樣式。這意味著CSS規則為打印優化，確保在將HTML內容打印到物理媒介，如紙張時，可讀性和適當的格式。
紙張模式選項在IronPDF 的紙張尺寸選項決定渲染的內容應如何適合 PDF 頁面。此選項有幾個值：
ContinuousFeed：此模式適用於連續進紙式印表機，其中內容被打印在一卷紙上。它通常用於專業印刷，例如在工業環境中。
FitToHeight：在此模式下，內容會按照指定紙張的高度等比例縮放，以確保適合紙張尺寸且保持長寬比。這確保整個內容都可見，且不會溢出。
FitToWidth：在此模式下，內容會按比例縮放以適應紙張指定的寬度。當您想要確保內容適合特定寬度限制時，這是很有用的。
FitToPage：在此模式下，內容將在保持寬高比的情況下，縮放以適應整個頁面的高度和寬度。它確保整個內容適合於單一頁面上。