Componente PDFViewer — sgcHTML

De un vistazo

TsgcHTMLComponent_PDFViewer

Apunta PDFURL a un documento (o incrústalo con Base64Data), ajusta la barra de herramientas, y luego lee la propiedad HTML; pdf.js se encarga de renderizar en el cliente.

Clase del componente

TsgcHTMLComponent_PDFViewer

Genera

Barra de herramientas + lienzo + CSS encapsulado (pdf.js desde CDN)

Familia

Contenido y Diseño

Lenguajes

Delphi, C++ Builder, .NET

Inicio rápido

Apúntalo a un PDF, renderízalo

Define PDFURL (o Base64Data para incrustar los bytes directamente), elige InitialPage, Zoom y Theme, y luego lee 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

Referencia

Propiedades y métodos clave

Los miembros que más vas a usar.

Origen

PDFURL carga un documento alojado en una URL; Base64Data incrusta los bytes directamente (se elimina automáticamente un prefijo opcional data:application/pdf;base64,).

Interruptores de la barra de herramientas

ShowToolbar, ShowPageNav, ShowZoomControls, ShowDownload, ShowPrint y ShowSearch muestran u ocultan cada grupo de controles.

Zoom y página

InitialPage define la página inicial; Zoom acepta auto, page-width, fit, un porcentaje o un factor numérico.

Tema

Theme (TsgcHTMLPDFViewerTheme: pvLight, pvDark) cambia el esquema de color de la barra de herramientas y el lienzo.

Alojar pdf.js tú mismo

PDFJSLibURL/PDFJSWorkerURL apuntan por defecto al build del CDN de jsDelivr; sobrescribe ambos para alojar la librería tú mismo.

Diseño y descarga

Width/Height dimensionan el visor; DownloadFileName nombra el archivo guardado por el botón de descarga.

Recursos

Sigue explorando

	Ayuda en líneaReferencia completa de la API y guía de uso para este componente.	Abrir
	Todos los componentes de sgcHTMLExplora la matriz completa de más de 80 componentes.	Abrir
	Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.	Abrir
	PreciosLicencias Single, Team y Site con código fuente completo.	Abrir

PDFViewer