PDFViewer
TsgcHTMLComponent_PDFViewer — Delphi、C++ Builder、.NET で、ページナビゲーション、ズーム、検索、ダウンロード、印刷を備えた、pdf.js を利用したページ内 PDF ビューアーをレンダリングします。
TsgcHTMLComponent_PDFViewer — Delphi、C++ Builder、.NET で、ページナビゲーション、ズーム、検索、ダウンロード、印刷を備えた、pdf.js を利用したページ内 PDF ビューアーをレンダリングします。
PDFURL でドキュメントを指定し(または Base64Data で埋め込み)、ツールバーを調整してから、HTML プロパティを読み取ります。レンダリングはクライアント側で pdf.js が行います。
TsgcHTMLComponent_PDFViewer
ツールバー + キャンバス + スコープ付き CSS(pdf.js は CDN から読み込み)
Delphi, C++ Builder, .NET
PDFURL を設定し(またはバイト列を直接埋め込む場合は Base64Data)、InitialPage、Zoom、Theme を選んでから、HTML を読み取ります。
uses
sgcHTML_Component_PDFViewer;
var
oViewer: TsgcHTMLComponent_PDFViewer;
begin
oViewer := TsgcHTMLComponent_PDFViewer.Create(nil);
try
oViewer.ViewerID := 'invoice';
oViewer.PDFURL := '/invoices/INV-2026-0042.pdf';
oViewer.Height := '700px';
oViewer.InitialPage := 1;
oViewer.Zoom := 'page-width';
oViewer.Theme := pvLight;
oViewer.DownloadFileName := 'invoice-0042.pdf';
WebModule.Response := oViewer.HTML; // toolbar + canvas + pdf.js init script
finally
oViewer.Free;
end;
end;
// includes: sgcHTML_Component_PDFViewer.hpp
TsgcHTMLComponent_PDFViewer *oViewer = new TsgcHTMLComponent_PDFViewer(NULL);
try
{
oViewer->ViewerID = "invoice";
oViewer->PDFURL = "/invoices/INV-2026-0042.pdf";
oViewer->Height = "700px";
oViewer->InitialPage = 1;
oViewer->Zoom = "page-width";
oViewer->Theme = pvLight;
oViewer->DownloadFileName = "invoice-0042.pdf";
String html = oViewer->HTML; // toolbar + canvas + pdf.js init script
}
__finally
{
delete oViewer;
}
using esegece.sgcWebSockets;
var viewer = new TsgcHTMLComponent_PDFViewer();
viewer.ViewerID = "invoice";
viewer.PDFURL = "/invoices/INV-2026-0042.pdf";
viewer.Height = "700px";
viewer.InitialPage = 1;
viewer.Zoom = "page-width";
viewer.Theme = TsgcHTMLPDFViewerTheme.pvLight;
viewer.DownloadFileName = "invoice-0042.pdf";
string html = viewer.HTML; // toolbar + canvas + pdf.js init script
最もよく使うメンバーです。
PDFURL は URL でホストされたドキュメントを読み込み、Base64Data はバイト列を直接埋め込みます(任意の data:application/pdf;base64, プレフィックスは自動的に取り除かれます)。
ShowToolbar、ShowPageNav、ShowZoomControls、ShowDownload、ShowPrint、ShowSearch は、それぞれ 1 つのコントロールグループの表示/非表示を切り替えます。
InitialPage は開始ページを設定し、Zoom には auto、page-width、fit、パーセンテージ、または数値の倍率を指定できます。
Theme(TsgcHTMLPDFViewerTheme: pvLight、pvDark)は、ツールバーとキャンバスの配色を切り替えます。
PDFJSLibURL/PDFJSWorkerURL は既定で jsDelivr CDN ビルドを指しています。ライブラリを自前でホストする場合は両方を上書きします。
Width/Height はビューアーのサイズを設定し、DownloadFileName は Download ボタンで保存されるファイル名を指定します。