PDFViewer コンポーネント — sgcHTML | eSeGeCe

PDFViewer

TsgcHTMLComponent_PDFViewer — Delphi、C++ Builder、.NET で、ページナビゲーション、ズーム、検索、ダウンロード、印刷を備えた、pdf.js を利用したページ内 PDF ビューアーをレンダリングします。

TsgcHTMLComponent_PDFViewer

PDFURL でドキュメントを指定し(または Base64Data で埋め込み)、ツールバーを調整してから、HTML プロパティを読み取ります。レンダリングはクライアント側で pdf.js が行います。

コンポーネントクラス

TsgcHTMLComponent_PDFViewer

レンダリング内容

ツールバー + キャンバス + スコープ付き CSS(pdf.js は CDN から読み込み)

言語

Delphi, C++ Builder, .NET

PDF を指定してレンダリングする

PDFURL を設定し(またはバイト列を直接埋め込む場合は Base64Data)、InitialPageZoomTheme を選んでから、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

主なプロパティとメソッド

最もよく使うメンバーです。

Source

PDFURL は URL でホストされたドキュメントを読み込み、Base64Data はバイト列を直接埋め込みます(任意の data:application/pdf;base64, プレフィックスは自動的に取り除かれます)。

Toolbar toggles

ShowToolbarShowPageNavShowZoomControlsShowDownloadShowPrintShowSearch は、それぞれ 1 つのコントロールグループの表示/非表示を切り替えます。

Zoom & page

InitialPage は開始ページを設定し、Zoom には autopage-widthfit、パーセンテージ、または数値の倍率を指定できます。

Theme

ThemeTsgcHTMLPDFViewerTheme: pvLightpvDark)は、ツールバーとキャンバスの配色を切り替えます。

Self-hosting pdf.js

PDFJSLibURL/PDFJSWorkerURL は既定で jsDelivr CDN ビルドを指しています。ライブラリを自前でホストする場合は両方を上書きします。

Layout & download

Width/Height はビューアーのサイズを設定し、DownloadFileName は Download ボタンで保存されるファイル名を指定します。

さらに詳しく

オンラインヘルプこのコンポーネントの完全な API リファレンスと使用ガイドです。
すべての sgcHTML コンポーネント80 以上のコンポーネントの全機能マトリックスを閲覧できます。
無料体験版のダウンロード30 日間の体験版には 60.HTML デモプロジェクトが付属します。
価格完全なソースコード付きの Single、Team、Site ライセンス。

始める準備はできましたか?

無料体験版をダウンロードして、Delphi、C++ Builder、.NET で PDF ビューアーの組み込みを始めましょう。