Package Exports

@axceta/angular-editor-fabric-js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@axceta/angular-editor-fabric-js) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

angular-editor-fabric-js

Drag-and-drop editor based on Fabricjs for Angular with multiple options

Example

Imgur

Output

Imgur

Features

Export to image
Export to SVG
Save to localStorage
Load From LocalStorage
Clean workspace
Resize workspace
Add text
Add Images
Upload Images
Add figures (Rectangle, Triangle, Square, Circle)
Render to JSON
Clone Object
Sent to front Object
Sent to back Object
Delete Object
Unselect Object
Add ID to Object
Opacity to Object
Color to Object
Font Famility to Object
Text Align to Object
Style to Object
Font Size to Object
Line Height To Object
Char Spacing to Object

Installing the library in your project

npm i angular-editor-fabric-js

Development

Installing the project

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

Start

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

@axceta/angular-editor-fabric-js