Syncfusion React Image Editor

SyncfusionStrumenti per documenti e immaginiJavaScript

Un componente React completo per l'editing avanzato delle immagini e le annotazioni.

  • Supporta ritaglio, rotazione, capovolgimento, zoom e applicazione di filtri.
  • Consente annotazioni con forme, testo e disegno a mano libera.
  • Esporta immagini nei formati JPEG, PNG e SVG con toolbar personalizzabile.
Syncfusion logo

Prezzi da:

Caricamento...
Disponibile in
Syncfusion Essential Studio UI Component SuiteCaricamento
Syncfusion Essential Studio EnterpriseCaricamento
immagine del prodotto Syncfusion React Image Editor
Syncfusion React Image Editor è un componente ricco di funzionalità che consente la visualizzazione, la modifica e l'annotazione delle immagini direttamente all'interno delle applicazioni web. Supporta le comuni operazioni di manipolazione delle immagini come ritaglio, ridimensionamento, rotazione e disegno, aiutando gli sviluppatori a integrare l'editing interattivo delle immagini nelle loro app.

Caricamento e salvataggio delle immagini

Apri immagini da base64, ImageData o URL supportando i formati PNG, JPEG e SVG. Salva le immagini modificate in più formati con controllo su nomi dei file e qualità.

Selezione e ritaglio delle immagini

Seleziona aree dell'immagine usando opzioni personalizzate, quadrate, circolari o rapporti d'aspetto predefiniti. Ritaglia le immagini in modo efficace trascinando e ridimensionando le aree di selezione.

Trasformazione delle immagini

Ruota le immagini in senso orario o antiorario con incrementi di 90 gradi e capovolgi le immagini orizzontalmente o verticalmente, incluse tutte le annotazioni applicate.

Supporto per le annotazioni

Aggiungi testo, forme (rettangoli, ellissi, linee), disegni a mano libera, sovrapposizioni di immagini, percorsi e frecce. Personalizza colore, spessore del tratto, proprietà del font e posizionamento.

Funzionalità di zoom e panoramica

Regola la scala e la posizione dell'immagine con lo zoom usando tastiera, rotella del mouse o gesture touch. Sposta la vista per visualizzare dinamicamente diverse aree dell'immagine.

Personalizzazione della toolbar

Modifica la toolbar integrata aggiungendo, rimuovendo o sostituendo elementi con template jsx personalizzati per adattare l'interfaccia utente a esigenze specifiche.

Filtri immagine e rifinitura

Applica filtri predefiniti come seppia, scala di grigi, inverti, caldo e freddo. Rifinisci le proprietà dell'immagine, inclusi luminosità, contrasto, esposizione, tonalità, saturazione, opacità e sfocatura, tramite UI o API.

Interfaccia responsive e ottimizzata per il touch

Il componente si adatta automaticamente a varie dimensioni dello schermo e tipologie di input, offrendo un'esperienza fluida su desktop, tablet e dispositivi mobili.

Gestione dell'ordine Z per le annotazioni

Controlla la stratificazione delle annotazioni per gestire sovrapposizione e visibilità, fondamentale per creare composizioni di immagini complesse.

API e temi pensati per gli sviluppatori

Offre API estese per il controllo programmatico e supporta diversi temi integrati con opzioni di personalizzazione tramite variabili SASS o Theme Studio.

Compatibilità del prodotto

Esamina i dettagli riportati di seguito per assicurarti che questo prodotto sia supportato nell'ambiente in uso.

Tipo di componente

  • JavaScript

Piattaforma JavaScript

  • React