angular editor fabric js

Angular-Eduitor-Fabric-Js

Drag-and-Drop-Editor basierend auf FabricJs für Angular mit mehreren Optionen

Beispiel

Ausgabe

Merkmale

• Im Bild exportieren
• Export nach SVG
• Speichern auf LocalStorage
• Last aus LocalStorage
• Sauberer Arbeitsbereich
• Größenänderung der Arbeitsbereich
• Text hinzufügen
• Fügen Sie Bilder hinzu
• Bilder hochladen
• Fügen Sie Figuren hinzu (Rechteck, Dreieck, Quadrat, Kreis)
• JSON Rendern
• Klonobjekt
• An Front -Objekt gesendet
• An das Back -Objekt gesendet
• Objekt löschen
• Objekt nicht ausgewählt
• ID zum Objekt hinzufügen
• Opazität des Objekts
• Farbe zu Objekt
• Schriftart zu Objekte
• Text mit dem Objekt ausgerichtet
• Stil zu Objekt
• Schriftgröße zum Objekt
• Zeilenhöhe zum Objekt
• Schalabstand zum Objekt

Installation der Bibliothek in Ihrem Projekt

npm i angular-editor-fabric-js

Entwicklung

Installieren des Projekts

git clone https://github.com/kevoj/angular-editor-fabric-js.git
cd angular-editor-fabric-js
npm install

Start

Führen Sie ng serve für einen Dev -Server aus. Navigieren Sie zu http://localhost:4200/ . Die App wird automatisch neu laden, wenn Sie eine der Quelldateien ändern.

Bauen

Führen Sie ng build aus, um das Projekt zu erstellen. Die Build -Artefakte werden im dist/ Verzeichnis gespeichert. Verwenden Sie die -prod -Flagge für einen Produktionsbau.

Auslaufeinheitstests

Führen Sie ng test aus, um die Unit -Tests über Karma durchzuführen.

Durchführung von End-to-End-Tests

Führen Sie ng e2e aus, um die End-to-End-Tests über den Prognraktor durchzuführen. Stellen Sie vor dem Ausführen der Tests sicher, dass Sie die App über ng serve bedienen.

Lizenz

MIT ©