HTMLからPDFへ for JavaScript

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からPDFへ for JavaScript

IronPDFはユーザーがHTMLコンテンツからPDFファイルを作成することを可能にしますが、変換できるのは純粋なHTMLコンテンツだけではありません。カスタムCSSやJavaScriptを使用したHTMLも変換できます。例えば、HTMLコンテンツの中にJavaScriptを使用することで、画像などのアセットを外部アセットとして読み込む代わりにHTML文字列内に直接埋め込むことができます。これを実現するために必要なのは、ChromePdfRenderer クラスとその 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);.

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

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

次に、RenderingOptions クラス内の ChromePdfRenderer プロパティを使用して、新しい PDF がレンダリングされる前に JavaScript が実行されるようにします。 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をダウンロード