在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");

Imports IronPdf

Const htmlWithJavaScript As String = "
<h1>This is HTML</h1>
<script>
    document.write('<h1>This is JavaScript</h1>');
    window.ironpdf.notifyRender();
</script>"

' Instantiate Renderer
Dim renderer As New ChromePdfRenderer()

' Enable JavaScript in our RenderingOptions
renderer.RenderingOptions.EnableJavaScript = True
renderer.RenderingOptions.WaitFor.JavaScript()

Dim pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript)

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

Install-Package IronPdf

在HTML中JavaScript生成PDF

IronPDF 允许用户从 HTML 内容创建 PDF 文件，但不仅仅是纯 HTML 内容可以转换为 PDF；它还可以将带有自定义 CSS 和 JavaScript 的 HTML 转换。例如，在 HTML 内容中使用 JavaScript 允许资产如图像直接嵌入在 HTML 字符串中，而不是作为外部资产加载。您只需使用 ChromePdfRenderer 类及其 RenderingOptions 属性即可实现这一目标。

用 C# 将 HTML 与 JavaScript 渲染成 PDF 的 5 个步骤

const string htmlWithJavaScript = "....";
var renderer = new ChromePdfRenderer();
renderer.RenderingOptions.EnableJavaScript = true;
renderer.RenderingOptions.WaitForJavaScript();
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 渲染之前执行。 RenderingOptions.WaitForJavaScript() 方法可确保程序在渲染过程继续之前，先等待 JavaScript 执行完毕。一旦 JavaScript 代码执行 window.ironpdf.notifyRender() 方法，渲染过程即会开始。将 RenderingOptions 属性赋值给我们创建的 ChromePdfRenderer 实例，以便这些选项将应用于使用此渲染器生成的任何 PDF 文件。

renderer.RenderHtmlAsPdf(...) 方法负责 PDF 文档的实际渲染。通过将带有 JavaScript 的 HTML 字符串传递给此方法，我们可以将其渲染为包含所有 HTML 和 JavaScript 项目的高质量 PDF。这将保存到一个新的 PdfDocument 对象中，该对象将存储新渲染的 PDF，在此情况下该 PDF 被命名为 pdfJavaScript。最后，我们可以使用 SaveAs 方法保存此新 PDF。

探索如何将 JavaScript HTML 渲染成 PDF

在 GitHub 上查看

代码

https://github.com/iron-software/IronPdf.Examples/tree/main/examples/javascript-html-to-pdf

下载 ZIP