Syncfusion Angular Image Editor

SyncfusionDokument- & BildtoolsJavaScript

Angular-Komponente zur Bildbearbeitung mit Anmerkungen und Exportfunktionen.

  • Bietet Bildfunktionen zum Zuschneiden, Drehen, Spiegeln und Zoomen.
  • Unterstützt mehrere Anmerkungstypen, darunter Text, Formen und Freihandzeichnungen.
  • Exportiert bearbeitete Bilder in den Formaten PNG, JPEG und SVG 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 Angular Image Editor Produktbild
Syncfusion Angular Image Editor ist eine UI-Komponente für Angular-Anwendungen, die es Benutzern ermöglicht, Bilder durch intuitive Interaktionen zu bearbeiten. Sie bietet Zuschneiden, Drehen, Spiegeln, Zoomen sowie eine breite Palette an Anmerkungsoptionen, einschließlich Text, Formen und Freihandzeichnung. Die Komponente unterstützt den Export von Bildern in gängigen Formaten wie PNG, JPEG und SVG und ist damit eine vielseitige Lösung für Bildbearbeitungsanforderungen in Web-Apps.

Bild laden und speichern

Öffnen Sie Bilder aus Base64-Zeichenfolgen oder URLs mit Unterstützung für die Formate PNG, JPEG und SVG. Speichern Sie bearbeitete Bilder mit anpassbaren Dateinamen, Formaten und Qualitätseinstellungen.

Auswahl und Zuschneiden

Bietet mehrere Auswahlmodi, darunter Quadrat, Kreis und benutzerdefinierte Seitenverhältnisse. Benutzer können Auswahlbereiche ziehen und in der Größe anpassen, um Bilder präzise zuzuschneiden.

Bildtransformation

Drehen Sie Bilder im oder gegen den Uhrzeigersinn in 90-Grad-Schritten und spiegeln Sie Bilder ganz einfach horizontal oder vertikal.

Unterstützung für Anmerkungen

Fügen Sie Text, Rechtecke, Ellipsen, Linien, Pfeile, Freihandzeichnungen, Bildüberlagerungen und Pfade hinzu. Passen Sie das Erscheinungsbild mit konfigurierbaren Farben, Schriftarten, Strichbreiten und Stilen an.

Zoom- und Schwenkfunktionen

Zoomen Sie mit dem Mausrad, Tastenkombinationen oder Pinch-Gesten auf Touch-Geräten hinein und heraus. Verschieben Sie Bilder, um während der Bearbeitung verschiedene Bereiche anzuzeigen.

Toolbar-Anpassung

Die integrierte Toolbar bietet umfangreiche Bildbearbeitungswerkzeuge, die angepasst oder durch benutzerdefinierte Toolbar-Vorlagen ersetzt werden können, um spezifischen UI-Anforderungen zu entsprechen.

Touch-freundliche und responsive UI

Für eine einfache Nutzung auf Desktops, Tablets und Smartphones mit adaptiven Layouts und Unterstützung für Touch-Gesten wie Pinch-Zoom entwickelt.

Z-Reihenfolge und Layering

Verwalten Sie überlappende Anmerkungen, indem Sie deren Z-Reihenfolge ändern, und ermöglichen Sie so eine präzise Ebenenanordnung, die für komplexe Bearbeitungsaufgaben wie das Vorlagendesign wichtig ist.

Rückgängig- und Wiederherstellen-Funktionalität

Setzen Sie jüngste Änderungen am Bild zurück oder wenden Sie sie erneut an, sodass Benutzer frei experimentieren können, ohne Fortschritte zu verlieren.

Barrierefreiheit und Lokalisierung

Unterstützt die Lokalisierung von UI-Strings und entspricht Barrierefreiheitsstandards, um die Nutzbarkeit für unterschiedliche Zielgruppen sicherzustellen.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular