À propos du projet
快图设计 (vue-fabric-editor) est un éditeur d'images modulaire développé à partir de fabric.js et de Vue. Il se positionne comme un éditeur graphique léger et simple, plutôt que comme un outil lourd de type Photoshop en ligne. Le projet adopte une architecture modulaire, prend en charge l'extension par plugins et permet de personnaliser le menu contextuel et les raccourcis clavier.
Fonctionnalités principales : importation de fichiers JSON et PSD ; exportation de fichiers PNG, SVG et JSON ; groupement et dissociation de groupes ; gestion des calques ; propriétés de dégradé ; réglages d'apparence, de police, de contour et d'ombre ; annulation et rétablissement ; raccourcis clavier ; menu contextuel ; lignes de guidage et règles ; polices personnalisées ; modèles et ressources personnalisés ; insertion de ressources SVG et d'images ; alignement horizontal et vertical de plusieurs éléments ; réglage des propriétés d'arrière-plan ; flèches et lignes ; dessin au pinceau et polygones ; codes QR et codes-barres ; remplacement, recadrage et filtres d'images ; filigrane ; internationalisation.
Mode d'utilisation : il faut d'abord installer Node.js v18-v20 et pnpm 8.4.0, puis exécuter pnpm i et pnpm dev. Le README indique expressément qu'il faut utiliser pnpm 8.x, car une version supérieure peut entraîner des incohérences de dépendances et provoquer des erreurs d'exécution de la page.
Le projet fournit un site de démonstration et de la documentation, ainsi que des services aux développeurs tels qu'un groupe WeChat, un tutoriel en chinois sur fabric.js et une communauté payante. Il existe également une version commerciale payante offrant un frontend et un backend complets, un panneau d'administration, une licence du code source et un support de développement secondaire, ainsi que des cas personnalisés comme un concepteur DIY de produits/vêtements et un concepteur de style anime. La version open source ne contient que le code frontend et est publiée sous licence MIT.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.