PDFViewer Component — sgcHTML | eSeGeCe

PDFViewer

TsgcHTMLComponent_PDFViewer — erzeugen Sie einen in die Seite eingebetteten PDF-Viewer auf Basis von pdf.js, mit Seitennavigation, Zoom, Suche, Download und Druck, in Delphi, C++ Builder und .NET.

TsgcHTMLComponent_PDFViewer

Setzen Sie PDFURL auf ein Dokument (oder betten Sie es mit Base64Data ein), passen Sie die Symbolleiste an, und lesen Sie dann die HTML-Eigenschaft; pdf.js übernimmt das Rendern clientseitig.

Komponentenklasse

TsgcHTMLComponent_PDFViewer

Rendert

Symbolleiste + Canvas + scoped CSS (pdf.js vom CDN)

Familie

Inhalt & Layout

Sprachen

Delphi, C++ Builder, .NET

Auf ein PDF verweisen, rendern

Setzen Sie PDFURL (oder Base64Data, um die Bytes direkt einzubetten), wählen Sie InitialPage, Zoom und Theme, und lesen Sie dann 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

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Quelle

PDFURL lädt ein URL-gehostetes Dokument; Base64Data bettet die Bytes direkt ein (ein optionales data:application/pdf;base64,-Präfix wird automatisch entfernt).

Symbolleisten-Schalter

ShowToolbar, ShowPageNav, ShowZoomControls, ShowDownload, ShowPrint und ShowSearch blenden je eine Steuerelementgruppe ein oder aus.

Zoom & Seite

InitialPage setzt die Startseite; Zoom akzeptiert auto, page-width, fit, einen Prozentwert oder einen numerischen Faktor.

Theme

Theme (TsgcHTMLPDFViewerTheme: pvLight, pvDark) schaltet das Farbschema von Symbolleiste und Canvas um.

pdf.js selbst hosten

PDFJSLibURL/PDFJSWorkerURL verweisen standardmäßig auf den jsDelivr-CDN-Build; überschreiben Sie beide, um die Bibliothek selbst zu hosten.

Layout & Download

Width/Height bestimmen die Größe des Viewers; DownloadFileName benennt die von der Download-Schaltfläche gespeicherte Datei.

Weiter entdecken

Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.
Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 80 Komponenten.
Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.
PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.

Bereit loszulegen?

Laden Sie die kostenlose Testversion herunter und beginnen Sie, Web-UIs in Delphi, C++ Builder und .NET zu erstellen.