Syncfusion Angular Image Editor

SyncfusionHerramientas de documentos e imágenesJavaScript

Componente de edición de imágenes para Angular con anotaciones y capacidades de exportación.

  • Proporciona funcionalidades de recorte, rotación, volteo y zoom de imágenes.
  • Admite múltiples tipos de anotación, incluidos texto, formas y dibujos a mano alzada.
  • Exporta imágenes editadas en formatos PNG, JPEG y SVG con una barra de herramientas personalizable.
Syncfusion logo

Precios desde:

Cargando...
Disponible en
Syncfusion Essential Studio UI Component SuiteCargando
Syncfusion Essential Studio EnterpriseCargando
imagen del producto Syncfusion Angular Image Editor
Syncfusion Angular Image Editor es un componente de UI diseñado para aplicaciones Angular que permite a los usuarios editar imágenes mediante interacciones intuitivas. Ofrece recorte, rotación, volteo, zoom y una amplia gama de opciones de anotación, incluidos texto, formas y dibujo a mano alzada. El componente admite la exportación de imágenes en formatos populares como PNG, JPEG y SVG, lo que lo convierte en una solución versátil para las necesidades de manipulación de imágenes en aplicaciones web.

Carga y guardado de imágenes

Abre imágenes desde cadenas base64 o URL compatibles con formatos PNG, JPEG y SVG. Guarda las imágenes editadas con nombres de archivo, formatos y ajustes de calidad personalizables.

Selección y recorte

Ofrece múltiples modos de selección, incluidos cuadrado, círculo y relaciones de aspecto personalizadas. Los usuarios pueden arrastrar y redimensionar regiones de selección para recortar imágenes con precisión.

Transformación de imágenes

Gira imágenes en sentido horario o antihorario en intervalos de 90 grados y voltea imágenes horizontal o verticalmente con facilidad.

Compatibilidad con anotaciones

Añade texto, rectángulos, elipses, líneas, flechas, dibujos a mano alzada, superposiciones de imágenes y rutas. Personaliza la apariencia con colores, fuentes, anchos de trazo y estilos configurables.

Capacidades de zoom y desplazamiento

Acerca y aleja usando la rueda del ratón, atajos de teclado o gestos de pellizco en dispositivos táctiles. Desplaza las imágenes para ver distintas áreas durante la edición.

Personalización de la barra de herramientas

La barra de herramientas integrada proporciona amplias herramientas de edición de imágenes que se pueden personalizar o reemplazar con plantillas de barra de herramientas definidas por el usuario para adaptarse a necesidades específicas de la UI.

UI adaptativa y compatible con táctil

Diseñado para ser fácil de usar en ordenadores de escritorio, tabletas y teléfonos, con diseños adaptativos y soporte para gestos táctiles como el zoom con pellizco.

Orden Z y capas

Gestiona anotaciones superpuestas cambiando su orden z, lo que permite un apilamiento preciso importante para tareas de edición complejas como el diseño de plantillas.

Funcionalidad de deshacer y rehacer

Revierte o vuelve a aplicar cambios recientes en la imagen, ofreciendo a los usuarios la libertad de experimentar sin perder el progreso.

Accesibilidad y localización

Admite la localización de cadenas de la UI y cumple con los estándares de accesibilidad para garantizar la usabilidad para audiencias diversas.

Compatibilidad del producto

Revise los detalles a continuación para asegurarse de que este producto sea compatible con su entorno.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • Angular