在HTML中使用JavaScript生成PDF

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

class="examples__featured-snippet">

用 JavaScript 在 C# 中将 HTML 渲染为 PDF 的 5 个步骤

  1. const string htmlWithJavaScript = "....";
  2. var renderer = new ChromePdfRenderer();
  3. renderer.RenderingOptions.EnableJavaScript = true;
  4. renderer.RenderingOptions.WaitForJavaScript();
  5. var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

在字符串变量中,我们创建了一个包含 JavaScript <script> 标签的 HTML 字符串,该标签将包含用于创建 PDF 的 JavaScript 代码。 使用脚本标签意味着我们已经指出字符串的哪个部分是 JavaScript,稍后将使用 RenderingOptions 属性启用。 通过这样,您可以嵌入图像、在渲染的 PDF 中保持交互性等。

通过new ChromePdfRenderer();,我们实例化一个新的 ChromePdfRenderer 类的实例,该实例控制 HTML 内容到 PDF 的渲染。 使用该类,您可以确信渲染的 PDF 文件将是像素完美的,并且最终结果中保留了任何自定义 JavaScript 或 CSS 内容。

接下来,利用 ChromePdfRenderer 类中的 RenderingOptions 属性以在新 PDF 渲染之前启用 JavaScript 的执行。 RenderingOptions.WaitForJavaScript() 方法确保程序等待 JavaScript 完成执行后再继续渲染过程。 一旦 JavaScript 代码执行window.ironpdf.notifyRender()方法,渲染就会开始。 RenderingOptions 属性被分配给我们创建的 ChromePdfRenderer 实例,以便在使用该渲染器创建的任何 PDF 中使用这些选项。

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

探索如何将 JavaScript HTML 渲染为 PDF

准备开始了吗?
Nuget 下载 16,154,058 | 版本: 2025.11 刚刚发布