Syncfusion JavaScript Image Editor

SyncfusionOutils de documents et d'imagesJavaScript

Composant JavaScript de retouche d’images pour les applications web interactives.

  • Prend en charge le recadrage d’images avec diverses formes de sélection et différents ratios d’aspect.
  • Inclut des outils d’annotation comme le texte, les formes et le dessin à main levée.
  • Exportez facilement les images modifiées aux formats JPEG, PNG ou SVG.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion JavaScript Image Editor
Syncfusion JavaScript Image Editor est un composant d’interface utilisateur polyvalent conçu pour permettre aux développeurs d’intégrer des capacités complètes de retouche d’images dans des applications web. Il prend en charge le recadrage, la rotation, le retournement et le zoom, et propose des fonctionnalités d’annotation comprenant du texte, des formes et le dessin à main levée. Les utilisateurs peuvent exporter les images modifiées dans des formats courants, ce qui le rend adapté à une large gamme de tâches de manipulation d’images.

Recadrage et sélection d’images

Propose plusieurs formes de sélection telles que des rectangles personnalisés, des carrés, des cercles et divers ratios d’aspect prédéfinis comme 4:3 et 16:9. Les utilisateurs peuvent faire glisser et redimensionner la zone de sélection pour recadrer les images avec précision.

Annotations d’images

Permet d’ajouter des annotations textuelles avec des polices et des styles personnalisables, ainsi que des dessins à main levée, des rectangles, des ellipses, des lignes, des flèches, des tracés et des images supplémentaires pour les filigranes ou les logos.

Transformation d’images

Prend en charge la rotation des images dans le sens horaire ou antihoraire, le retournement horizontal ou vertical, ainsi que le zoom à l’aide de la molette de la souris, du clavier ou des gestes de pincement sur les appareils tactiles.

Fonctionnalité d’annulation et de rétablissement

Permet d’annuler et de réappliquer des modifications via les opérations d’annulation et de rétablissement, améliorant la flexibilité d’édition et l’expérimentation.

Chargement et exportation d’images

Prend en charge l’ouverture d’images à partir de chaînes base64 ou d’URL aux formats PNG, JPEG ou SVG, ainsi que l’enregistrement de l’image finale avec des noms de fichier, des formats et des paramètres de qualité personnalisables.

Personnalisation de la barre d’outils et de l’interface utilisateur

Fournit une barre d’outils entièrement personnalisable avec une gamme d’outils de retouche d’images, notamment des annotations et des transformations, et permet aux utilisateurs de définir leurs propres éléments de barre d’outils pour une expérience utilisateur sur mesure.

Barre d’outils à accès rapide

Affiche automatiquement une barre d’outils contextuelle pour les annotations sélectionnées, offrant des actions rapides comme cloner, supprimer et modifier afin de faciliter des flux de travail d’édition efficaces.

Interface responsive et adaptée au tactile

Conçue pour s’adapter à différentes tailles d’écran et à différents appareils, offrant une expérience fluide sur les ordinateurs de bureau, les tablettes et les mobiles avec prise en charge des gestes tactiles.

API pour développeurs et thèmes

Inclut de nombreuses API pour contrôler le comportement et l’apparence, ainsi que des thèmes intégrés tels que Bootstrap 5 et Tailwind CSS, qui peuvent être personnalisés ou étendus.

Compatibilité multi-navigateurs

Fonctionne de manière cohérente sur tous les navigateurs web modernes, notamment Chrome, Firefox, Edge, Safari et Opera, garantissant une large accessibilité aux utilisateurs.

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

  • JavaScript vanilla