Komponent PDFViewer — sgcHTML | eSeGeCe

PDFViewer

TsgcHTMLComponent_PDFViewer — renderuje wbudowaną przeglądarkę PDF opartą na pdf.js, z nawigacją po stronach, powiększeniem, wyszukiwaniem, pobieraniem i drukowaniem, w Delphi, C++ Builder i .NET.

TsgcHTMLComponent_PDFViewer

Wskaż dokument właściwością PDFURL (lub osadź go za pomocą Base64Data), dostosuj pasek narzędzi, a następnie odczytaj właściwość HTML; renderowanie po stronie klienta wykonuje pdf.js.

Klasa komponentu

TsgcHTMLComponent_PDFViewer

Renderuje

Pasek narzędzi + canvas + dedykowany CSS (pdf.js z CDN)

Języki

Delphi, C++ Builder, .NET

Wskaż plik PDF, wyrenderuj

Ustaw PDFURL (lub Base64Data, aby osadzić bajty bezpośrednio), wybierz InitialPage, Zoom i Theme, a następnie odczytaj 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

Kluczowe właściwości i metody

Składniki, po które sięgasz najczęściej.

Źródło

PDFURL wczytuje dokument z adresu URL; Base64Data osadza bajty bezpośrednio (opcjonalny prefiks data:application/pdf;base64, jest usuwany automatycznie).

Przełączniki paska narzędzi

ShowToolbar, ShowPageNav, ShowZoomControls, ShowDownload, ShowPrint i ShowSearch pokazują lub ukrywają jedną grupę elementów sterujących.

Powiększenie i strona

InitialPage ustawia stronę początkową; Zoom przyjmuje wartości auto, page-width, fit, wartość procentową lub współczynnik liczbowy.

Motyw

Theme (TsgcHTMLPDFViewerTheme: pvLight, pvDark) przełącza schemat kolorów paska narzędzi i obszaru canvas.

Samodzielny hosting pdf.js

PDFJSLibURL/PDFJSWorkerURL domyślnie wskazują wersję z CDN jsDelivr; nadpisz obie, aby hostować bibliotekę samodzielnie.

Układ i pobieranie

Width/Height ustalają rozmiar przeglądarki; DownloadFileName nadaje nazwę plikowi zapisywanemu przyciskiem Pobierz.

Poznawaj dalej

Pomoc onlinePełna dokumentacja API i przewodnik użytkowania tego komponentu.
Wszystkie komponenty sgcHTMLPrzejrzyj pełną matrycę funkcji 80+ komponentów.
Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.
CennikLicencje Single, Team i Site z pełnym kodem źródłowym.

Gotowy, aby zacząć?

Pobierz bezpłatną wersję próbną i zacznij budować interfejsy webowe w Delphi, C++ Builder i .NET.