image annotation

Created an image viewer and annotator with fabricJs using Angular

3
1
TypeScript

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

License

MIT ©