執行自訂 JavaScript

VB C#

string(15) "點擊以複製"

using IronPdf;

var renderOptions = new ChromePdfRenderOptions();

// Example that change all to red style in JavaScript:
renderOptions.Javascript = "document.querySelectorAll('h1').forEach(function(el){el.style.color='red';})";

// Make sure to use the render options object that you created:
var renderer = new ChromePdfRenderer { RenderingOptions = renderOptions };
var pdf = renderer.RenderHtmlAsPdf("<h1>Happy New Year!</h1>");
pdf.SaveAs("executed_js.pdf");

Install-Package IronPdf

執行自訂 JavaScript

使用IronPDF，您可以執行自訂JavaScript ，以便更好地自訂從 HTML 內容渲染的 PDF。使用 ChromePdfRenderOptions.JavaScript 屬性，您可以確保JavaScript在 HTML 內容載入完畢後但在 PDF 渲染完成之前執行，從而實現動態內容渲染和互動。 IronPDF 的 ChromePdfRenderer 類別可確保您建立符合您需求的高品質 PDF 文檔，而不會損失任何原始品質或互動性。

在開始將自訂 HTML 和JavaScript渲染成 PDF 之前，我們必須先建立一個新的 ChromePdfRenderer 實例。 ChromePdfRenderer 類別負責將 HTML、CSS 和JavaScript內容渲染成 PDF 格式，同時保持像素級的完美品質。然後，利用 JavaScript 類別的 ChromePdfRenderOptions 屬性，我們可以建立自訂JavaScript程式碼，該程式碼將在 HTML 內容載入完畢後立即執行，從而確保JavaScript字串所指示的變更反映在最終的 PDF 文件中。在這種情況下，我們將選擇 HTML 內容中的所有 h1 標籤，並將其文字顏色變更為紅色。

然後，我們將我們的 renderOptions 物件指派給 ChromePdfRenderer RenderingOptions 屬性，該屬性控制 ChromePdfRenderer 的特定實例的渲染選項。這意味著，當我們使用 ChromePdfRenderer 類別的實例時，我們將在 PDF 渲染之前運行JavaScript ，以確保在生成的 PDF 中做出更改。然後，我們使用 RenderHtmlAsPdf 渲染 HTML 內容，並使用 PdfDocument 類別從渲染的內容建立新的 PDF 文檔，該內容儲存在變數 pdf 中。

最後，我們使用最後一行程式碼 SaveAs 儲存渲染後的 PDF，該程式碼會將 PDF 匯出到指定的檔案路徑。

使用IronPDF探索JavaScript轉 PDF 的奧秘

在 GitHub 上查看

代碼

https://github.com/iron-software/IronPdf.Examples/tree/main/examples/execute-custom-javascript

下載 ZIP