Syncfusion React Image Editor

SyncfusionDokument- & BildtoolsJavaScript

Eine umfassende React-Komponente für fortgeschrittene Bildbearbeitung und Anmerkungen.

  • Unterstützt Zuschneiden, Drehen, Spiegeln, Zoomen und das Anwenden von Filtern.
  • Ermöglicht Anmerkungen mit Formen, Text und Freihandzeichnung.
  • Exportiert Bilder in JPEG-, PNG- und SVG-Formaten mit anpassbarer Toolbar.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion React Image Editor Produktbild
Syncfusion React Image Editor ist eine funktionsreiche Komponente, die das Anzeigen, Bearbeiten und Kommentieren von Bildern direkt in Webanwendungen ermöglicht. Sie unterstützt gängige Bildbearbeitungsaufgaben wie Zuschneiden, Größenänderung, Drehen und Zeichnen und hilft Entwicklern dabei, interaktive Bildbearbeitung in ihre Apps einzubetten.

Image Loading and Saving

Bilder aus base64, ImageData oder URLs öffnen und dabei PNG-, JPEG- und SVG-Formate unterstützen. Bearbeitete Bilder in mehreren Formaten speichern und dabei Dateinamen sowie Qualität steuern.

Image Selection and Cropping

Bildbereiche mit benutzerdefinierten, quadratischen, kreisförmigen oder vordefinierten Seitenverhältnisoptionen auswählen. Bilder effektiv zuschneiden, indem Auswahlbereiche gezogen und in der Größe verändert werden.

Image Transformation

Bilder im oder gegen den Uhrzeigersinn in 90-Grad-Schritten drehen und Bilder horizontal oder vertikal spiegeln, einschließlich aller angewendeten Anmerkungen.

Annotations Support

Text, Formen (Rechtecke, Ellipsen, Linien), Freihandzeichnungen, Bildüberlagerungen, Pfade und Pfeile hinzufügen. Farbe, Strichstärke, Schriftart-Eigenschaften und Positionierung anpassen.

Zoom and Pan Functionality

Bildmaßstab und Position mit Zoom per Tastatur, Mausrad oder Touch-Gesten anpassen. Schwenken, um verschiedene Bildbereiche dynamisch anzuzeigen.

Toolbar Customization

Die integrierte Toolbar durch Hinzufügen, Entfernen oder Ersetzen von Elementen mit benutzerdefinierten jsx-Vorlagen anpassen, um die Benutzeroberfläche auf spezifische Anforderungen zuzuschneiden.

Image Filters and Fine-Tuning

Vordefinierte Filter wie Sepia, Graustufen, Invertieren, Warm und Kühl anwenden. Bildeigenschaften wie Helligkeit, Kontrast, Belichtung, Farbton, Sättigung, Deckkraft und Unschärfe über die UI oder APIs fein abstimmen.

Responsive, Touch-Friendly Interface

Die Komponente passt sich automatisch an verschiedene Bildschirmgrößen und Eingabetypen an und bietet ein reibungsloses Erlebnis auf Desktops, Tablets und Mobilgeräten.

Z-Order Management for Annotations

Die Ebenenreihenfolge von Anmerkungen steuern, um Überlagerungen und Sichtbarkeit zu verwalten, was für die Erstellung komplexer Bildkompositionen unerlässlich ist.

Developer-Friendly APIs and Theming

Bietet umfangreiche APIs für die programmatische Steuerung und unterstützt mehrere integrierte Themes mit Optionen für benutzerdefiniertes Theming mithilfe von SASS-Variablen oder Theme Studio.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • React