Anglais | Chinois
Éditeur d'image open source · Architecture du plugin · conception de glisser-déposer · Fonctions complètes
Éditeur d'image plug-in développé basé sur Fabric.js et Vue, qui peut personnaliser les polices, les matériaux, les modèles de conception, les menus à clic droit et les clés de raccourci.
Démo · Document · Édition payante Démo · Édition payante Introduction
Introduction
La conception d'image rapide, Vue-Fabric-Editor est un éditeur d'images développé basé sur Fabric.js et Vue, qui peut personnaliser les polices, les matériaux, les modèles de conception, les menus de clic droit et les touches de raccourci.
Animation Introduction · Introduction Vidéo
Caractéristiques
- Architecture du plugin : il peut être élargi et développé via des plug-ins, en prenant un clic droit des menus et des touches de raccourci.
- Conception de glisser-déposer : un éditeur graphique léger et concis, plutôt qu'un grand outil complet de conception de re-track de type PS en ligne.
- Fonctions complètes : analyse PSD, lignes auxiliaires, historique, gradient, polices personnalisées, recadrage et autres fonctions.
Ont déjà des fonctions
- Importer des fichiers JSON et PSD
- Exporter les fichiers PNG, SVG, JSON
- Combinaison / combinaison divisée
- Fonction de calque
- Propriétés de gradient
- Attributs d'apparence / attributs de police / traits / ombres
- Défaire / refaire
- clé de raccourci
- Menu avec le bouton droit
- Ligne auxiliaire
- Règle
- Polices personnalisées
- Matériau de modèle personnalisé
- Insérer SVG, matériel d'image
- Alignement horizontal et vertical multi-éléments
- Paramètres d'attribut d'arrière-plan
- Arrows / lignes
- Dessin de pinceau / polygone
- Code QR / code à barres
- Remplacement d'image / recadrage / filtre
- Filigrane
- Internationalisation
utiliser
Veuillez d'abord installer Node.js V16 et PNPM, puis exécutez la commande suivante:
Services de développeur
- WECHAT Communication Group : Nous avons formé plusieurs groupes de communication de projet WeChat, avec des auteurs et des agents de projet actifs dans le groupe et en répondant régulièrement aux questions.
- Tutoriel chinois tissu.js : https://blog.kuaitu.cc.
- Planète de connaissances : mise à jour à long terme des informations pertinentes sur les éditeurs open source et tissu.js, précipiter les meilleures pratiques, partage d'expérience en développement, exemples de code, etc.
Version payante
Aidez les entreprises à créer rapidement des outils de conception en ligne, à réduire les investissements en R&D des entreprises et à éviter la création répétée de roues.
Fonction Introduction · Introduction du produit · Démo
La version open source n'a que le code frontal. La version payante fournit des fonctions complètes et back-end frontal et back-end, les fonctions complètes de la boîte, fournissant l'autorisation du code source et soutiennent le développement secondaire .
- Hors de la boîte, fonctions complètes : capacités de conception riches, fournissent des fonctions avant et back-end complètes, et peut être utilisée dans le déploiement.
- Architecture du plugin, Extension pratique : basée sur l'API plug-in, développez rapidement l'éditeur secondaire.
- Génération par lots, production rapide d'images : prend en charge la génération par lots d'images via l'interface HTTP et les fichiers de table.
- Conception de glisser-déposer, simple et facile à utiliser : adapté aux utilisateurs ordinaires, faciles à démarrer sans formation.
- Adaptation de l'ensemble de la plate-forme : la version PC et la version H5 prennent en charge divers scénarios d'application.
- Acosité technique, formation de documents : fournir plus de soutien et l'amarrage technique efficace.
- Développement personnalisé, réduisez l'investissement : prend en charge l'achèvement rapide des fonctions personnalisées et réduit l'investissement en R&D.
Guide de contribution
Le projet s'engage à créer une application d'éditeur d'image Web à l'emploi, et en même temps, il dépose une couche d'encapsulation entre l'application de l'éditeur d'image Web et Fabric.js. On s'attend à ce que la couche d'encapsulation soit conçue pour les développeurs et fournit une interface plus simple, afin que les développeurs puissent facilement implémenter le développement d'applications d'image.
Si vous êtes intéressé par cette affaire, vous invitez sincèrement à nous rejoindre et à grandir ensemble. Il vous suffit de connaître la syntaxe simple Git et JavaScript.
[Soumettre le code et gagner la souris de jeu Razer]
Informations connexes
Voici mes notes techniques sur l'éditeur de la communauté Nuggets, et il y aura plus de détails:
- Utilisez tissu.js pour développer rapidement un éditeur d'images,
- Implémentation détaillée de l'éditeur d'image de développement tissu.js
- Quelles fonctions Fabric.js peuvent-elles développer l'éditeur d'image à implémenter? Plusieurs images
- Mon projet open source et mon expérience open source
- Quelles fonctions la bibliothèque Canvas Fabric.js peut-elle implémenter? Introduction de l'image d'animation
- Éditeur d'image open source Vue
- Partage d'expérience personnelle dans la commercialisation de projets open source
- L'architecture plug-in de l'éditeur d'images Open Source Fabric.js
Remarque: Si vous rencontrez des problèmes techniques, vous vous attendez à utiliser un problème pour discuter, il est plus ouvert et transparent, et suffisamment d'informations rendront les problèmes de résolution plus efficaces, reportez-vous à la sagesse de poser des questions.
Remerciements
- Liu Mingye Ruler Fonction Auteur.
- Composant dégradé de Palxiao Design Editor.
Parrainage amical
administrateur
Contributeurs
nihaojob |
Qiu-jum |
wuchengguang1998 |
Alinélanniste |
ylx252 |
liummingye |
momo2019 |
Mot de partage |
bigface2019 |
wohuweixiya |
ZJC2233 |
ijry |
Makeng |
Z09176141 |
A847244052 |
Briver0825 |
gratte-ciel |
Pengzhijian |
Jiangshuq |
Hudenhui |
ddshiyu |
yehan68 |
luke358 |
xiaozeo |
x007xyz |
wozhi-cl |
vvbear |
slarkerino |
Voleur |
mojixiang |
machette |
liuyaojun |
Jooyyy |
guda-art |
nanfb |
casse-tête |
Bamzc |
Yangzongtai |
Alicehhhmm |
Fuqianxi |
ichthoncosta |
liucité |
Licence
Licencié sous la licence du MIT.
