在HTML中将JavaScript转为PDF
IronPDF 允许用户从 HTML 内容创建 PDF 文件,但它不仅可以将纯 HTML 内容转换为 PDF,还可以转换带有自定义 CSS 和 JavaScript 的 HTML。 例如,在 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 属性启用 JavaScript。 这样,您就可以在渲染的 PDF 中嵌入图片、保持交互性等。
通过new ChromePdfRenderer();
,我们实例化了一个新的ChromePdfRenderer类的实例,它负责将HTML内容渲染为PDF。 通过本课程的学习,您可以确信您渲染的 PDF 文件将达到像素级的完美效果,并在最终结果中保留任何自定义 JavaScript 或 CSS 内容。
接下来,在 ChromePdfRenderer 类中使用 RenderingOptions
属性,以便在生成新的 PDF 之前执行 JavaScript。 RenderingOptions.WaitFor
行确保程序在继续渲染过程之前等待 JavaScript 执行完毕。 渲染将在 JavaScript 代码执行 window.ironpdf.notifyRender()
方法后开始。 RenderingOptions 属性被分配给我们创建的 ChromePdfRenderer 实例,因此该选项将用于使用该呈现器创建的任何 PDF。
renderer.RenderHtmlAsPdf(...)
方法负责实际渲染 PDF 文档。 通过将 HTML 字符串和 JavaScript 传递给该方法,我们可以将其呈现为包含所有 HTML 和 JavaScript 项目的高质量 PDF。 这将被保存到一个新的PdfDocument
对象中,该对象将存储新渲染的PDF,在本例中称为pdfJavaScript。 最后,我们可以使用SaveAs
方法保存这个新的PDF。
点击此处查看操作指南,包括示例、示例代码和文件。