Englisch | chinesisch
Open Source-Bild Editor · Plugin-Architektur · Drag-and-Drop-Design · Vollständige Funktionen
Plug-in-Bild-Editor entwickelt basierend auf Fabric.js und Vue, mit dem Schriftarten, Materialien, Konstruktionsvorlagen, die rechten Maustaste und Verknüpfungsschlüsse anpassen können.
Demo · Dokument · bezahlte Ausgabe Demo · bezahlte Ausgabe Einführung
Einführung
Schnelles Bilddesign, Vue-Fabric-Eduor ist ein Bildredakteur, das auf Fabric.js und Vue entwickelt wurde, mit dem Schriftarten, Materialien, Konstruktionsvorlagen, Rechtsmenüs und Verknüpfungsschlüsseln anpassen können.
Animation Einführung · Einführung Video
Merkmale
- Plugin-Architektur : Sie kann durch Plug-Ins erweitert und entwickelt werden, wodurch rechte Klickmenüs und Abkürzungsschlüssel unterstützt werden.
- Drag-and-Drop-Design : Ein leichtes und prägnanter Grafikditor anstelle eines großen und vollständigen Online-PS-ähnlichen Re-Track-Design-Tools.
- Vollständige Funktionen : PSD -Analyse, Hilfslinien, Verlauf, Gradient, benutzerdefinierte Schriftarten, Anbaus und andere Funktionen.
Haben bereits Funktionen
- Importieren Sie JSON- und PSD -Dateien
- Exportieren Sie PNG, SVG, JSON -Dateien
- Kombination/Split -Kombination
- Schichtfunktion
- Gradienteneigenschaften
- Aussehensattribute/Schriftattribute/Striche/Schatten
- Rückgängig gemacht/wiederholen
- Kurzschlussschlüssel
- Klicken Sie mit der rechten Maustaste
- Hilfslinie
- Herrscher
- Benutzerdefinierte Schriftarten
- Benutzerdefinierte Vorlagenmaterial
- SVG, Bildmaterial einfügen
- Horizontale und vertikale Ausrichtung mit mehreren Elementen
- Hintergrundattributeinstellungen
- Pfeile/Zeilen
- Pinsel/Polygonzeichnung
- QR -Code/Barcode
- Bildersatz/Anbaus/Filter
- Wasserzeichen
- Internationalisierung
verwenden
Bitte installieren Sie zuerst node.js v16 und pnpm und führen Sie dann den folgenden Befehl aus:
Entwicklerdienste
- WeChat Communication Group : Wir haben mehrere WeChat -Projektkommunikationsgruppen gebildet, und die Autoren und Projektbauer sind in der Gruppe aktiv und beantworten regelmäßig Fragen.
- Fabric.js Chinese Tutorial : https://blog.kuaitu.cc.
- Knowledge Planet : Langfristige Aktualisierung relevanter Informationen über Open-Source-Redakteure und Fabric.js, Fec-usw-Update, Best Practices, Entwicklungserfahrung, Code-Beispiele usw.
Bezahlte Version
Helfen Sie den Unternehmen, schnell Online -Design -Tools zu erstellen, die F & E -Investitionen zu reduzieren und die wiederholte Schaffung von Rädern zu vermeiden.
Funktion Einführung · Produkteinführung · Demo
Die Open-Source-Version hat nur den Front-End-Code. Die kostenpflichtige Version bietet komplette Front-End- und Back-End- und Management-Back-End-Funktionen, vollständige Funktionen, die die Genehmigung von Quellcode und die Unterstützung der Sekundärentwicklung bietet .
- Über die Schachtel hinaus, vollständige Funktionen : Reiche Entwurfsfunktionen, bieten komplette Front-End- und Back-End-Funktionen und können in der Bereitstellung verwendet werden.
- Plugin-Architektur, bequeme Erweiterung : Basierend auf der Plug-in-API entwickeln Sie schnell den Editor Secondary.
- Batch -Generierung, Schnellbildproduktion : Unterstützt die Batch -Generierung von Bildern über HTTP -Schnittstellen und Tabellendateien.
- Drag-and-Drop-Design, einfach und einfach zu bedienen : geeignet für normale Benutzer, einfach zu arbeiten, ohne Schulung zu beginnen.
- Anpassung der gesamten Plattform : PC -Version und H5 -Version unterstützen verschiedene Anwendungsszenarien.
- Technisches Docking, Dokumentenschulung : Bieten Sie mehr Unterstützung und effizientes technisches Docking.
- Customized Development, reduzieren Investitionen : Unterstützt den schnellen Abschluss der kundenspezifischen Funktionen und reduziert die F & E -Investitionen.
Beitragsleitfaden
Das Projekt ist verpflichtet, eine unüberlegte Web-Image-Editor-Anwendung zu erstellen und gleichzeitig eine Einkapselungsschicht zwischen der Anwendung von Web Image Editor und Fabric.js einzulegen. Es wird erwartet, dass die Einkapselungsschicht für Entwickler ausgelegt ist und eine einfachere Schnittstelle bietet, damit Entwickler die Entwicklung der Bildanwendungen problemlos implementieren können.
Wenn Sie an dieser Angelegenheit interessiert sind, laden Sie Sie aufrichtig ein, sich uns anzuschließen und zusammen zu wachsen. Sie müssen nur die einfache Git- und JavaScript -Syntax kennen.
[Code einreichen und Razer Game Maus gewinnen]
Verwandte Informationen
Hier sind meine technischen Hinweise zum Herausgeber in der Nuggets -Community, und es werden weitere Details geben:
- Verwenden Sie Fabric.js, um schnell einen Bildredakteur zu entwickeln.
- Detaillierte Implementierung von Fabric.js Development Image Editor
- Welche Funktionen können Fabric.js Implementierung von Image Editor entwickeln? Mehrere Bilder
- Mein Open -Source -Projekt und meine Open -Source -Erfahrung
- Welche Funktionen kann die Canvas Library Fabric.js implementieren? Animationsbildeinführung
- Vue Open Source Image Editor
- Teilen persönlicher Erfahrungen bei der Kommerzialisierung von Open -Source -Projekten
- Die Plug-in-Architektur von Open Source Fabric.js Bildredakteur
HINWEIS: Wenn Sie auf technische Probleme stoßen, erwarten Sie, dass Sie ein Problem verwenden, um zu diskutieren, es ist offener und transparenter, und genügend Informationen werden die Lösung von Problemen effizienter gestalten. Beziehen Sie sich auf die Weisheit, Fragen zu stellen.
Anerkennung
- Liu Mingye Herrscherfunktion Autor.
- Gradientenkomponente des Palxiao Design Editors.
Freundliches Sponsoring
Administrator
Mitwirkende
Nihaojob |
Qiu-Jun |
Wuchengguang1998 |
Alicelanniste |
Ylx252 |
Liumingye |
Momo2019 |
BYEWORD |
Bigface2019 |
Wohuweixiya |
ZJC2233 |
Ijry |
Macheng |
Z09176141 |
A847244052 |
BRIER0825 |
Skyscraperno1 |
Pengzhijian |
Jiangshuq |
Hudenhui |
ddshiyu |
Yehan68 |
luke358 |
Xiaozeo |
x007xyz |
Wozhi-Cl |
vvbear |
Slarkerino |
Rolitter |
Mojixiang |
Machetehot |
Liuyaojun |
joyyyy |
Guda-Art |
Nanfb |
Dulltackle |
Bamzc |
Yangzongtai |
Alicehhhmm |
Fuqianxi |
Ichthoncosta |
Lösung |
Lizenz
Lizenziert unter der MIT -Lizenz.
