HTMLからPDFへのJavaScript

VB C#

string(27) "クリックしてコピー"

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

Install-Package IronPdf

HTMLからPDFへの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コードが含まれます。スクリプトタグを使用するということは、文字列のどのセクションがJavaScriptであるかを示すことを意味し、これは後で RenderingOptions プロパティを使用して有効になります。これにより、画像を埋め込み、レンダリングされたPDFにインタラクティブ性を持たせることができます。

new ChromePdfRenderer(); を使用して、HTML コンテンツの PDF へのレンダリングを制御する ChromePdfRenderer クラスの新しいインスタンスをインスタンス化します。このクラスを使用すると、レンダリングされた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にレンダリングする方法を調べる

GitHubで見る

コード

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

ZIPをダウンロード