Installing the library in your project
npm i image-annotator-fabricjs
Development
Installing the project
git clone https://github.com/BhargavBorse/image-annotation.git
cd image-annotation
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.
Features
- Clean workspace
- Add text
- Add Images
- Upload Images
- Upload Canvas Background Image
- Add figures (Rectangle, Circle)
- Free Hand Drawing
- Zoom In/Out
- Render to JSON
- Render to XML
- Download XML File
- Clone Object
- Send Object to Front
- Send Object back
- Delete Object
- Unselect Object
- Add ID to Object
- Opacity to Object
- Color to Object
- Font Familiy to Object
- Text Align to Object
- Style to Object
- Font Size to Object
- Line Height To Object
- Char Spacing to Object