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.
© 2026 AstrolUI v10.0.8
Se ha producido un error no controlado. Recargar 🗙