Syncfusion Vue Image Editor

SyncfusionDokument- & BildtoolsJavaScript

Bilder in Vue-Anwendungen interaktiv bearbeiten und annotieren.

  • Unterstützt das Zuschneiden, Drehen, Spiegeln und Zoomen von Bildern.
  • Annotieren Sie Bilder mit Formen, Text und Freihandzeichnungen.
  • Exportieren Sie Bilder einfach in JPEG-, PNG- und SVG-Formate.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion Vue Image Editor Produktbild
Syncfusion Vue Image Editor bietet umfassende Bildbearbeitungsfunktionen innerhalb von Vue-Anwendungen. Es ermöglicht präzises Zuschneiden mit anpassbaren Auswahlen, Bildtransformationen wie Drehen und Spiegeln sowie umfangreiche Anmerkungen einschließlich Formen, Text und Freihandzeichnungen. Benutzer können Filter anwenden, zoomen, schwenken und ihre Bearbeitungen in gängige Formate mit anpassbarer Qualität und Namensoptionen exportieren.

Auswahl und Zuschneiden

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

Anmerkungen

Enthält Werkzeuge zum Hinzufügen und Anpassen von Text, Formen (Rechtecke, Ellipsen, Linien), Freihandzeichnungen, Bildern, Pfaden und Pfeilen zu Bildern.

Bildtransformation

Ermöglicht das Drehen von Bildern im Uhrzeigersinn oder gegen den Uhrzeigersinn, das horizontale oder vertikale Spiegeln sowie das Anpassen der Zoomstufen.

Rückgängig und Wiederholen

Unterstützt das Rückgängigmachen und erneute Anwenden von Aktionen während des Bearbeitungsprozesses für flexible Anpassungen.

Zoomen und Schwenken

Ermöglicht das Zoomen per Pinch-Gesten, Mausrad und Tastenkombinationen. Das Schwenkwerkzeug zeigt während des Zoomens verdeckte Bildbereiche an.

Bilder laden und exportieren

Laden Sie Bilder aus Base64-Zeichenfolgen oder URLs mit Unterstützung für PNG, JPEG und SVG. Exportieren Sie bearbeitete Bilder in diesen Formaten mit konfigurierbaren Dateinamen und Qualität.

Anpassbare Symbolleiste

Die Symbolleiste enthält Steuerelemente für alle Bearbeitungsfunktionen und kann mit vordefinierten oder benutzerdefinierten Elementen angepasst werden.

Schnellzugriffs-Symbolleiste

Zeigt beim Auswählen von Anmerkungen eine kontextabhängige Symbolleiste an und ermöglicht schnelle Aktionen wie Klonen, Löschen und Textbearbeitung.

Rahmen und Größenänderung

Fügen Sie dekorative Rahmen um Bilder hinzu und ändern Sie die Bildgröße auf festgelegte Abmessungen für verschiedene Anwendungsfälle.

Redigierunterstützung

Verdecken Sie sensible Bereiche durch Unschärfe- oder Pixelierungseffekte und unterstützen Sie so die Einhaltung von Datenschutzanforderungen.

Lokalisierung und Designanpassung

Lokalisieren Sie UI-Zeichenfolgen für verschiedene Sprachen und wenden Sie integrierte oder benutzerdefinierte Designs an, einschließlich Bootstrap und Tailwind CSS.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Vue.js