Syncfusion Angular Image Editor

SyncfusionFerramentas de Documentos e ImagensJavaScript

Componente de edição de imagens para Angular com anotações e recursos de exportação.

  • Oferece funcionalidades de recorte, rotação, espelhamento e zoom de imagens.
  • Suporta vários tipos de anotação, incluindo texto, formas e desenhos à mão livre.
  • Exporta imagens editadas nos formatos PNG, JPEG e SVG com barra de ferramentas personalizável.
Syncfusion logo

Preços a partir de:

Carregando...
Disponível em
Syncfusion Essential Studio UI Component SuiteCarregando
Syncfusion Essential Studio EnterpriseCarregando
imagem do produto Syncfusion Angular Image Editor
O Syncfusion Angular Image Editor é um componente de UI projetado para aplicações Angular que permite aos usuários editar imagens por meio de interações intuitivas. Ele oferece recorte, rotação, espelhamento, zoom e uma ampla variedade de opções de anotação, incluindo texto, formas e desenho à mão livre. O componente suporta a exportação de imagens em formatos populares como PNG, JPEG e SVG, tornando-o uma solução versátil para necessidades de manipulação de imagens em aplicativos web.

Carregamento e Salvamento de Imagens

Abra imagens a partir de strings base64 ou URLs com suporte aos formatos PNG, JPEG e SVG. Salve imagens editadas com nomes de arquivo, formatos e configurações de qualidade personalizáveis.

Seleção e Recorte

Oferece vários modos de seleção, incluindo proporções quadrada, circular e personalizadas. Os usuários podem arrastar e redimensionar regiões de seleção para um recorte preciso das imagens.

Transformação de Imagem

Gire imagens no sentido horário ou anti-horário em intervalos de 90 graus e espelhe imagens horizontal ou verticalmente com facilidade.

Suporte a Anotações

Adicione texto, retângulos, elipses, linhas, setas, desenhos à mão livre, sobreposições de imagem e caminhos. Personalize a aparência com cores, fontes, espessuras de traço e estilos configuráveis.

Recursos de Zoom e Panorâmica

Aumente e diminua o zoom usando a roda do mouse, atalhos de teclado ou gestos de pinça em dispositivos touch. Desloque imagens para visualizar diferentes áreas durante a edição.

Personalização da Barra de Ferramentas

A barra de ferramentas integrada oferece extensas ferramentas de edição de imagem que podem ser personalizadas ou substituídas por modelos de barra de ferramentas definidos pelo usuário para atender a necessidades específicas de UI.

UI Responsiva e Compatível com Touch

Projetado para ser fácil de usar em desktops, tablets e celulares, com layouts adaptáveis e suporte a gestos touch como zoom por pinça.

Ordem Z e Camadas

Gerencie anotações sobrepostas alterando sua ordem Z, permitindo um nivelamento preciso importante para tarefas complexas de edição, como design de modelos.

Funcionalidade de Desfazer e Refazer

Reverta ou reaplique alterações recentes na imagem, oferecendo aos usuários liberdade para experimentar sem perder o progresso.

Acessibilidade e Localização

Suporta localização de strings da UI e segue padrões de acessibilidade para garantir usabilidade para públicos diversos.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • Angular