Syncfusion JavaScript Image Editor

SyncfusionFerramentas de Documentos e ImagensJavaScript

Componente JavaScript de edição de imagens para aplicativos web interativos.

  • Oferece suporte ao recorte de imagens com várias formas de seleção e proporções.
  • Inclui ferramentas de anotação como texto, formas e desenho à mão livre.
  • Exporte imagens editadas em formatos JPEG, PNG ou SVG com facilidade.
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 JavaScript Image Editor
O Syncfusion JavaScript Image Editor é um componente de UI versátil, projetado para desenvolvedores integrarem recursos abrangentes de edição de imagens em aplicativos web. Ele oferece suporte a recorte, rotação, inversão, zoom e recursos de anotação, incluindo texto, formas e desenho à mão livre. Os usuários podem exportar imagens editadas em formatos populares, tornando-o adequado para uma variedade de tarefas de manipulação de imagens.

Recorte e Seleção de Imagens

Oferece várias formas de seleção, como retângulos personalizados, quadrados, círculos e várias proporções predefinidas, como 4:3 e 16:9. Os usuários podem arrastar e redimensionar a região de seleção para recortar imagens com precisão.

Anotações de Imagem

Permite adicionar anotações de texto com fontes e estilos personalizáveis, bem como desenhos à mão livre, retângulos, elipses, linhas, setas, caminhos e imagens adicionais para marca d'água ou logotipos.

Transformação de Imagem

Oferece suporte à rotação de imagens no sentido horário ou anti-horário, inversão horizontal ou vertical e zoom com a roda do mouse, teclado ou gestos de pinça em dispositivos touch.

Funcionalidade de Desfazer e Refazer

Permite reverter e reaplicar alterações por meio das operações de desfazer e refazer, aumentando a flexibilidade de edição e a experimentação.

Carregamento e Exportação de Imagens

Oferece suporte à abertura de imagens a partir de strings base64 ou URLs nos formatos PNG, JPEG ou SVG e ao salvamento da imagem final com nomes de arquivo, formatos e configurações de qualidade personalizáveis.

Barra de Ferramentas e Personalização da UI

Fornece uma barra de ferramentas totalmente personalizável com uma variedade de ferramentas de edição de imagem, incluindo anotações e transformações, e permite que os usuários definam seus próprios itens da barra de ferramentas para uma experiência de uso personalizada.

Barra de Acesso Rápido

Exibe automaticamente uma barra de ferramentas contextual para anotações selecionadas, oferecendo ações rápidas como clonar, excluir e editar para facilitar fluxos de trabalho de edição eficientes.

Interface Responsiva e Amigável ao Toque

Projetado para se adaptar a diferentes tamanhos de tela e dispositivos, proporcionando uma experiência fluida em desktops, tablets e celulares com suporte a gestos de toque.

APIs para Desenvolvedores e Temas

Inclui APIs abrangentes para controlar comportamento e aparência, além de temas integrados como Bootstrap 5 e Tailwind CSS, que podem ser personalizados ou estendidos.

Compatibilidade Entre Navegadores

Funciona de forma consistente em todos os navegadores web modernos, incluindo Chrome, Firefox, Edge, Safari e Opera, garantindo ampla acessibilidade aos usuários.

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

  • JavaScript vanilla