HTMLヘッダーとフッターを追加

VB C#

using IronPdf;
using System;

// Instantiate Renderer
var renderer = new IronPdf.ChromePdfRenderer();


// Build a footer using html to style the text
// mergeable fields are:
// {page} {total-pages} {url} {date} {time} {html-title} & {pdf-title}
renderer.RenderingOptions.HtmlFooter = new HtmlHeaderFooter()
{
    MaxHeight = 15, //millimeters
    HtmlFragment = "<center><i>{page} of {total-pages}<i></center>",
    DrawDividerLine = true
};

// Use sufficient MarginBottom to ensure that the HtmlFooter does not overlap with the main PDF page content.
renderer.RenderingOptions.MarginBottom = 25; //mm


// Build a header using an image asset
// Note the use of BaseUrl to set a relative path to the assets
renderer.RenderingOptions.HtmlHeader = new HtmlHeaderFooter()
{
    MaxHeight = 20, //millimeters
    HtmlFragment = "<img src='logo.png'>",
    BaseUrl = new Uri(@"C:\assets\images\").AbsoluteUri
};

// Use sufficient MarginTop to ensure that the HtmlHeader does not overlap with the main PDF page content.
renderer.RenderingOptions.MarginTop = 25; //mm

Imports IronPdf
Imports System

' Instantiate Renderer
Private renderer = New IronPdf.ChromePdfRenderer()


' Build a footer using html to style the text
' mergeable fields are:
' {page} {total-pages} {url} {date} {time} {html-title} & {pdf-title}
renderer.RenderingOptions.HtmlFooter = New HtmlHeaderFooter() With {
	.MaxHeight = 15,
	.HtmlFragment = "<center><i>{page} of {total-pages}<i></center>",
	.DrawDividerLine = True
}

' Use sufficient MarginBottom to ensure that the HtmlFooter does not overlap with the main PDF page content.
renderer.RenderingOptions.MarginBottom = 25 'mm


' Build a header using an image asset
' Note the use of BaseUrl to set a relative path to the assets
renderer.RenderingOptions.HtmlHeader = New HtmlHeaderFooter() With {
	.MaxHeight = 20,
	.HtmlFragment = "<img src='logo.png'>",
	.BaseUrl = (New Uri("C:\assets\images\")).AbsoluteUri
}

' Use sufficient MarginTop to ensure that the HtmlHeader does not overlap with the main PDF page content.
renderer.RenderingOptions.MarginTop = 25 'mm

Install-Package IronPdf

HTMLヘッダーとフッターを追加

HTML ヘッダーとフッターは、PDF ドキュメント用の動的なヘッダーとフッターを作成するための柔軟な方法を提供します。この方法でヘッダーとフッターを追加することにより、開発者はヘッダーとフッターの外観を完全に制御できます。これは独立したHTMLドキュメントとしてレンダリングされ、それ自身のアセットやスタイルシートを含むことができるからです。

IronPDFを使用してPDFにカスタムHTMLヘッダーとフッターを追加する手順

var renderer = new IronPdf.ChromePdfRenderer();
renderer.RenderingOptions.HtmlFooter = new HtmlHeaderFooter()
HtmlFragment = "<center><i>{page} ページ / {total-pages} ページ<i></center>"
MaxHeight = 20,
BaseUrl = new Uri(@"C:\assets\images\").AbsoluteUri

まず最初に、HTMLコンテンツをピクセル完璧なPDFドキュメントにレンダリングするChromePdfRendererクラスのインスタンスを作成する必要があります。

次に、HtmlHeaderFooterクラスを使用してフッターを定義します。ここで、MaxHeight、フッターのHTMLコンテンツ（この場合、ページ番号を含みます）、および分離用の区切り線を描画するかどうかを指定します。フッターは中心に配置されたページ情報を表示するようにスタイル設定されています。

フッターとPDFの主要コンテンツが重ならないようにするために、MarginBottomプロパティを使用して下部マージンを設定してください。同様に、HtmlHeaderFooterクラスを使って画像（ロゴなど）を含むヘッダーを作成します。ここでは、イメージ資産を含むディレクトリへのBaseUrlを設定し、レンダリング中に適切なイメージ解像度を可能にしています。

最後に、MarginTop プロパティを使用して、ヘッダーとコンテンツの重なりを防ぐ上部マージンを設定します。この例は、IronPDFを使ってPDFドキュメントにカスタムHTMLヘッダーとフッターを簡単に実装できることを示しています。クリックして、例、サンプルコード、およびファイルを含むハウツーガイドをご覧ください。