Sat. Apr 27th, 2024

OpenSeadragon: visor de imágenes de alta resolución a gran escala con código abierto y biblioteca JavaScript

By admin Jan 29, 2024

El AbiertoSeadragon es un visor web de código abierto y una biblioteca de JavaScript para ver imágenes ampliables de alta resolución y a gran escala. Es necesario en varias industrias, ya que ya se utiliza en muchas aplicaciones de educación, ciencia, fotografía y marketing.

El visor OpenSeadragon permite ver o mostrar imágenes únicas o múltiples, hacer zoom, desplazarse, en modo de ventana o de pantalla completa. Funciona para casi todos los navegadores web en computadoras de escritorio y dispositivos móviles.

El Visor web para OpenSeadragon actúa como una demostración funcional basada en web para esta gran biblioteca, ya que el usuario puede proporcionar la ubicación remota del archivo y mostrar la imagen con un zoom muy detallado en modo de pantalla completa o ventana.

Aunque tiene un gran valor para muchos sectores, especialmente la investigación médica, es una biblioteca liviana y fácil de usar, que viene con herramientas de visualización, diferentes opciones de configuración e integración, y está repleta de muchos complementos y extensiones de navegador.

MicroDraw: Imagen cerebral altamente detallada con un visor personalizado usando OpenSeadragon

La necesidad de un visor de imágenes con zoom a gran escala:

En muchas industrias, como la investigación y la educación médica, existe una demanda de dicha biblioteca para ampliar los detalles de imágenes de alta resolución y gran escala, como diapositivas digitales de histología y patología. Se puede utilizar para escalar y ampliar mosaicos de mapas para aplicaciones de mapas basadas en web, ampliar detalles de fotografías históricas o utilizar para crear una exposición virtual basada en web para museos.

AbiertoSeadragon se ha probado en aplicaciones del mundo real para usuarios finales y en productos de aplicaciones listas para producción creadas por desarrolladores de todo el mundo. Algunas empresas lo están utilizando en sus productos basados ​​en la web.

Aspectos destacados: ¡Qué hace que OpenSeadragon sea especial!

  • Código JavaScript puro
  • Fácil de integrar en aplicaciones web o sitios web.
  • Ligero
  • Utilizado por empresas, museos, laboratorios, grupos de investigación, universidades, geeks, desarrolladores, fotógrafos.
  • Funciona sin problemas en todos los navegadores modernos

Características

  • Borrar API
  • Herramientas del visor
  • Rico en complementos
  • Soporte de mosaicos
  • Información sobre herramientas
  • Barra de herramientas
  • Navegación por teclado
  • Atajos y combinación de teclas
  • Funciones de múltiples imágenes
  • Modo de secuencia Imagen de referencia Modo de colección de tiras Multiimagen completa
  • Extensiones de navegador: Google Chrome, Mozilla Firefox
  • Múltiples opciones de construcción y desarrollo.
  • Herramientas de desarrollo y depuración para desarrolladores.
  • Fácil de usar para desarrolladores
  • Admite Require.js, Webpack o Browserify.
  • Admite diapositivas virtuales para patología, histología.

Herramientas

OpenSeadragon tal como lo utilizan cientos de desarrolladores en todo el mundo, algunos de ellos lo enriquecieron con complementos, herramientas e integración con otros marcos de JavaScript.

Construido con OpenSeadragon:

Proyectos de medicina y biología

Hay otros proyectos médicos construidos sobre esta gran biblioteca, como software empresarial y servicios comerciales basados ​​en la web. OpenSeadragon se incluyó como biblioteca central para varios proyectos gratuitos relacionados con la medicina y la biología, estos son algunos de ellos:

Explorador de células Allen

Explorador de células Allen utiliza OpenSeadragon en su explorador de células basado en la web para imágenes de células en 2D y 3D multicapa a gran escala con fines educativos.

Archivo de diapositivas digitales sobre cáncer

Archivo de diapositivas digitales

Cáncer: Archivo de diapositivas digitales es un directorio web con cientos de diapositivas de patología para casos de cáncer. Proporciona un visor web simple para navegar a través de diapositivas y hacer zoom en cada diapositiva sin necesidad de extensiones de navegador ni software externo.

Visor web OpenSnapDragon para OpenSlide

Imagen renderizada de OpenSlide con OpenSeadragon Viewer

OpenSlide es una biblioteca C de código abierto que proporciona un motor central para analizar y leer imágenes de diapositivas completas, que también se denomina (diapositivas virtuales). OpenSlide proporciona una impresionante manifestación con OpenSeadragon

MicroDraw: anotación colaborativa

MicroDraw: Imagen cerebral altamente detallada con un visor personalizado usando OpenSeadragon

MicroDraw es una aplicación web para visualizar y anotar datos histológicos de alta resolución de forma colaborativa.

Proyectos centrados en la cultura y la historia

La Biblioteca Digital Mundial

OpenSeadragon Viewer se ha utilizado en potentes exposiciones y presentaciones basadas en la web. A continuación se muestran algunos ejemplos de potentes proyectos creados con OpenSeadragon:

Complementos:

OpenSeadragon tiene una larga lista de complementos creados para ampliar sus funcionalidades y facilitar su integración con marcos de JavaScript, y diferentes opciones de manipulación y representación de imágenes como la representación WebGL. Aquí hay una muestra de algunos complementos útiles para desarrolladores:

  • OpenSeadragonGL le permite ejecutar sombreadores WebGL en todos los mosaicos de OpenSeadragon.
  • OpenSeadragonMagnifier le permite ver parte de la imagen ampliada en un cuadro similar a un navegador.
  • OpenSeadragonScalebar muestra la escala de su imagen en medidas del mundo real.
  • OpenSeadragonScreenshot le permite hacer una captura de pantalla de su ventana gráfica, con ampliación opcional.
  • SVG Overlay le permite agregar elementos SVG que se desplazan y hacen zoom con el visor OpenSeadragon.
  • OpenSeadragonDraggableNavigator le permite hacer que el navegador se pueda arrastrar sobre el visor OpenSeadragon.
  • OpenSeadragonAnnotations le permite dibujar una superposición SVG que se escala con la imagen. Útil para anotar y resaltar regiones de una imagen.

Nota del desarrollador

OpenSeadragon es un proyecto popular entre los desarrolladores de JavaScript en Github. Se ha bifurcado más de 300 veces y obtuvo >1600 estrellas. Hasta ahora, ha sido utilizado por unos 360 desarrolladores en sus proyectos basados ​​en web.

La biblioteca OpenSeadragon está disponible en un archivo comprimido para descargar que contiene los archivos JavaScript, en los informes del administrador de paquetes Bower, como un paquete para NPM y en línea a través de CDN (Content Delivery Network) público gratuito como JsDel
iver y CDNJS.

Formatos soportados

  • Pirámides de imágenes heredadas
  • IIIF (Marco Internacional de Interoperabilidad de Imágenes)
  • DZI (imágenes con zoom profundo)
  • OSM (mapas de calles abiertos)
  • TMS (servicio de mapas en mosaico)
  • ampliar
  • Fuentes de mosaicos personalizados
  • Imagen simple/modo de imagen única

Estado del desarrollo

  • Desarrollo Activo

Licencia

  • OpenSeadragon se lanza bajo el Nueva licencia BSD.

Conclusión

OpenSeadragon es una biblioteca liviana lista para producción, que puede beneficiar a los desarrolladores web al crear un visor potente para imágenes a gran escala sin tener que profundizar en demasiados problemas técnicos, crear el visor desde cero o incompatibilidad con los navegadores. Viene repleto de complementos, extensiones de navegador y una gran comunidad de desarrolladores que utilizan esta biblioteca en su trabajo.

Recursos

Etiquetas

Marcos de desarrollo Basado en web Código abierto

By admin

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *