在 HTML 中將 JavaScript 轉換為 PDF

VB C#

using IronPdf;

const string htmlWithJavaScript = @"
<h1>This is HTML</h1>
<script>
    document.write('<h1>This is JavaScript</h1>');
    window.ironpdf.notifyRender();
</script>";

// Instantiate Renderer
var renderer = new ChromePdfRenderer();

// Enable JavaScript in our RenderingOptions
renderer.RenderingOptions.EnableJavaScript = true;
renderer.RenderingOptions.WaitFor.JavaScript();

var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

// Export to a file or Stream
pdfJavaScript.SaveAs("javascript-in-html.pdf");

IRON VB CONVERTER ERROR [email protected]

Install-Package IronPdf

在 HTML 中將 JavaScript 轉換為 PDF

IronPDF 允許使用者從 HTML 內容創建 PDF 檔案，但不僅是純 HTML 內容可以轉換為 PDF，它還能夠將包含自訂 CSS 和 JavaScript 的 HTML 轉換成 PDF。在 HTML 內容中使用 JavaScript，例如，允許將圖片等資產直接嵌入到 HTML 字串中，而不是將其作為外部資產加載。您只需要ChromePdfRenderer類別及其RenderingOptions屬性即可實現這一點。

5 Steps to Rendering HTML with JavaScript to PDF in C#

const string htmlWithJavaScript = "...."
var renderer = new ChromePdfRenderer();
renderer.RenderingOptions.EnableJavaScript = true;
renderer.RenderingOptions.WaitFor.JavaScript();
var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

在字串變數中，我們創建了一個包含 JavaScript <script> 標籤的 HTML 字串，這將包含用於創建我們的 PDF 的 JavaScript 代碼。使用 <script> 標籤表示我們已經指出了字串的哪個部分是 JavaScript，這些部分將稍後透過 RenderingOptions 屬性來啟用。使用此功能，您可以嵌入圖像，保持渲染 PDF 的互動性等。

通過 new ChromePdfRenderer();，我們實例化了 ChromePdfRenderer 類的新實例，該類控制將 HTML 內容渲染為 PDF。使用此類別，您可以放心地生成像素完美的 PDF 文件，並保持最終結果中的任何自定義 JavaScript 或 CSS 內容。

接下來，使用 RenderingOptions 屬性在 ChromePdfRenderer 類中啟用 JavaScript，這樣可以在生成新的 PDF 之前執行 JavaScript。 RenderingOptions.WaitFor 行確保程式在繼續進行渲染程序之前，會等待 JavaScript 完成執行。當 JavaScript 代碼執行 window.ironpdf.notifyRender() 方法後，渲染將開始。將 RenderingOptions 屬性指定給我們創建的 ChromePdfRenderer 實例，這樣該選項將用於此渲染器創建的任何 PDF。

renderer.RenderHtmlAsPdf(...) 方法處理 PDF 文件的實際渲染。通過將含有 JavaScript 的 HTML 字串傳遞給此方法，我們可以將其渲染為包含所有 HTML 和 JavaScript 元素的高品質 PDF。這會儲存到一個新的 PdfDocument 物件中，該物件將存放新呈現的 PDF，在這個範例中稱為 pdfJavaScript。最後，我們可以使用SaveAs方法來保存這個新的 PDF。點擊此處查看操作指南，包括範例、示例代碼和文件。