JavaScriptによるHTMLからPDFへの変換

VBC#

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 = 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")

PM > Install-Package IronPdf

Install-Package IronPdf

JavaScriptによるHTMLからPDFへの変換

IronPDFはユーザーがHTMLコンテンツからPDFファイルを作成することを可能にしますが、変換できるのは純粋なHTMLコンテンツだけではありません。カスタムCSSやJavaScriptを使用したHTMLも変換できます。例えば、HTMLコンテンツの中にJavaScriptを使用することで、画像などのアセットを外部アセットとして読み込む代わりにHTML文字列内に直接埋め込むことができます。これを達成するために必要なのはRenderingOptionsプロパティだけです。

C#でJavaScript付きHTMLをPDFにレンダリングする5つのステップ

const string htmlWithJavaScript = "......";.

var renderer = new ChromePdfRenderer();

renderer.RenderingOptions.EnableJavaScript = true;.

renderer.RenderingOptions.WaitForJavaScript();。

var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);.

文字列変数内にはHTML文字列が作成されており、その中にはJavaScript <script>タグが含まれます。このタグには、PDFを作成するために使用されるJavaScriptコードが入ります。 scriptタグを使用することで、文字列のどの部分がJavaScriptであるかを示し、後にRenderingOptionsプロパティを使って有効化されます。これにより、画像を埋め込み、レンダリングされたPDFにインタラクティブ性を持たせることができます。

ChromePdfRendererクラスの新しいインスタンスを生成します。このクラスを使用すると、レンダリングされたPDFファイルがピクセルパーフェクトであることを確信でき、カスタムJavaScriptやCSSコンテンツが最終結果に維持されます。

次に、RenderingOptionsプロパティを使用して、PDFの新しいレンダリングの前にJavaScriptを実行するように設定します。 RenderingOptions.WaitForJavaScript()メソッドは、JavaScriptの実行が終了するのを待機してからレンダリングプロセスを続行することを保証します。 JavaScriptコードがwindow.ironpdf.notifyRender()メソッドを実行すると、レンダリングが開始されます。作成したRenderingOptionsプロパティを割り当てることで、このレンダラーで作成されるPDFにオプションが適用されます。

renderer.RenderHtmlAsPdf(...)メソッドはPDFドキュメントの実際のレンダリングを担当します。 JavaScriptを含むHTML文字列をこのメソッドに渡すことで、すべてのHTMLおよびJavaScript項目を含む高品質のPDFとしてレンダリングすることができます。これは新たにレンダリングされたPDFを格納する新しいpdfJavaScriptと呼ばれます。最後に、SaveAsメソッドを使用してこの新しいPDFを保存できます。

JavaScriptのHTMLをPDFにレンダリングする方法を調べる

GitHubで見る