Syncfusion Angular Image Editor

SyncfusionOutils de documents et d'imagesJavaScript

Composant de modification d’images Angular avec annotations et capacités d’exportation.

  • Fournit des fonctionnalités de recadrage, rotation, retournement et zoom des images.
  • Prend en charge plusieurs types d’annotations, notamment le texte, les formes et les dessins à main levée.
  • Exporte les images modifiées aux formats PNG, JPEG et SVG avec une barre d’outils personnalisable.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion Angular Image Editor
Syncfusion Angular Image Editor est un composant d’interface utilisateur conçu pour les applications Angular qui permet aux utilisateurs de modifier des images grâce à des interactions intuitives. Il offre le recadrage, la rotation, le retournement, le zoom et une large gamme d’options d’annotation, notamment du texte, des formes et du dessin à main levée. Le composant prend en charge l’exportation d’images dans des formats populaires tels que PNG, JPEG et SVG, ce qui en fait une solution polyvalente pour les besoins de manipulation d’images dans les applications web.

Chargement et enregistrement d’images

Ouvrez des images à partir de chaînes base64 ou d’URL prenant en charge les formats PNG, JPEG et SVG. Enregistrez les images modifiées avec des noms de fichier, des formats et des paramètres de qualité personnalisables.

Sélection et recadrage

Propose plusieurs modes de sélection, notamment carré, cercle et rapports d’aspect personnalisés. Les utilisateurs peuvent faire glisser et redimensionner les zones de sélection pour un recadrage précis des images.

Transformation d’image

Faites pivoter les images dans le sens horaire ou antihoraire par incréments de 90 degrés et retournez les images horizontalement ou verticalement en toute simplicité.

Prise en charge des annotations

Ajoutez du texte, des rectangles, des ellipses, des lignes, des flèches, des dessins à main levée, des superpositions d’images et des tracés. Personnalisez l’apparence avec des couleurs, des polices, des largeurs de contour et des styles configurables.

Fonctionnalités de zoom et de déplacement

Agrandissez et réduisez à l’aide de la molette de la souris, de raccourcis clavier ou de gestes de pincement sur les appareils tactiles. Déplacez les images pour afficher différentes zones pendant la modification.

Personnalisation de la barre d’outils

La barre d’outils intégrée fournit de nombreux outils de modification d’images qui peuvent être personnalisés ou remplacés par des modèles de barre d’outils définis par l’utilisateur afin de répondre à des besoins d’interface spécifiques.

Interface réactive et adaptée au tactile

Conçue pour être facile à utiliser sur les ordinateurs de bureau, les tablettes et les téléphones, avec des dispositions adaptatives et la prise en charge de gestes tactiles tels que le zoom par pincement.

Ordre Z et superposition

Gérez les annotations qui se chevauchent en modifiant leur ordre Z, ce qui permet une superposition précise, importante pour les tâches de modification complexes comme la conception de modèles.

Fonctionnalité Annuler et Rétablir

Annulez ou réappliquez les modifications récentes apportées à l’image, offrant aux utilisateurs la liberté d’expérimenter sans perdre leur progression.

Accessibilité et localisation

Prend en charge la localisation des chaînes de l’interface utilisateur et respecte les normes d’accessibilité afin de garantir une utilisation pour des publics variés.

Compatibilité du produit

Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.

Type de composant

  • JavaScript

Plateforme JavaScript

  • Angular