Inicio
PERENDERnew
Tema
Form
Componentes básicos
Visor de PDF
chartsnew
Instalación
line
Explorador de archivos
Texto enriquecido
Visor de PDF
PDFViewer
PDFViewer

1. Demo AstrolPDFViewer

Nota
Los siguientes botones no son parte del componente.
Son para que usted pueda probar algunos parámetros visuales del componente:
  • Estilo (moderno o tradicional)
  • Modo (mostrar todas las páginas juntas o de una en una)
  • Outline (oscuro o claro)
14
@using Astrol.Component.PDFViewer
@using Astrol.Component.PDFViewer.Helper
<div style="height:600px; width:calc(100% - 10px); float:left; margin:10px 5px;">
 <AstrolPDFViewer Signature="D1" PdfUrlOrPath="https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf" />
</div>

Parámetros que admite

  • Signature (string), firma del componente, debe ser única por cada instancia del componente AstrolPDFViewer en toda la aplicación.
  • StylePDFViewer (StylePDFViewer), estilo del componente (por defecto es StylePDFViewer.Modern).
    • Traditional (enum)
    • Modern (enum)
  • Outline (bool), si desea no tenga relleno (por defecto es false).
  • PdfBytes (byte[]?), fichero PDF como un arreglo de bytes, (no es requerido, tiene prioridad por sobre el parámetro PdfUrlOrPath).
  • PdfUrlOrPath (string?), URL o ruta dentro de la aplicación hasta el fichero PDF, (no es requerido).
  • Se debe establecer un PdfBytes o un PdfUrlOrPath
  • PresentationMode (bool), establece el modo de presentar el PDF, todas las páginas o de una en una (por defecto es false).
  • StartPage (int), página de inicio (por defecto es 1).
  • Scale (float), tamaño de visualización de las páginas, admite valores desde 0.25 a 20 (por defecto es 1.5F).
  • Deg (int), grados de orientación o rotación de las páginas, admite los siguientes valores (-270, -180, -90, 0, 90, 180, 270) (por defecto es 0, orientación vertical).
  • IconLoad (string), ícono de carga (por defecto es astrol-spin5).
  • EnablePagination (bool), mostrar opciones e información del paginado (por defecto es true).
  • EnableRotation (bool), mostrar opciones de rotación(por defecto es true).
  • EnableZoom (bool), mostrar opciones de zoom(por defecto es true).
  • EnableFullScreen (bool), mostrar la opción pantalla completa(por defecto es true).
  • EnableDownload (bool), mostrar la opción de descarga(por defecto es true).
  • DocumentNameToDownload (string), permite establecer un título para el documento si habilita las descargas(por defecto es DOC (año-mes-día).pdf).
  • OnPageChange (EventCallback<int>), respuesta tras acción de cambio de página.
  • OnScaleChange (EventCallback<float>), respuesta tras cambio de escala o tamaño en las páginas.
  • OnDegChange (EventCallback<int>), respuesta tras cambio de rotación en las páginas.

Métodos públicos

  • Se usan mediante @ref en el componente AstrolPDFViewer. Ejemplo <AstrolPDFViewer @ref="_pdfViewer" ... />, declare _pdfViewer dentro de @code { private AstrolPDFViewer? _pdfViewer; } .
    • RefreshAsync, le permite refrescar el componente, sobre todo si ha cambiado el documento a visualizar y necesita que el componente lo actualice sin necesidad de hacer recarga parcial o total del mismo o la página.
    • GoToPageAsync (recibe un int), le permite cambiar de página.
    • GetCurrentPage, le permite obtener página actual.
    • GetTotalPage, le permite obtener la cantidad de páginas del componente.
    • GetCurrentScale, le permite obtener escala actual.
    • GetCurrentDeg, le permite obtener los grados de orientación actuales.
© 2025 AstrolUI v8.0.4
Se ha producido un error no controlado. Recargar 🗙