ng-annotation-osd

AnnotationOSD

FabricJS + Open Sea Dragon Annotation Library for Angular

AnnotationOSD is an open source library (code here) designed for Angular that enables the annotation of DeepZoom type images by leveraging other libraries such as fabricjs and openseadragon.
It also works with jpeg images.
With a user-friendly interface for adding, editing, and deleting annotations.
This library is ideal for various image annotation applications, including machine learning and image analysis projects.

Its simple and intuitive design offers quick and efficient image annotation, saving time and effort for developers and users.

A demo of AnnotationOSD is available Here, showcasing its powerful tools and user-friendly interface.
Whether working on an image analysis project or just in need of a simple annotation tool, AnnotationOSD is a must-have for Angular developers.

See Npm Package

Special thanks to Tchek.ai for making this research project open source

If you use this library, let me know on linkedin 😉

How To Install it :

For use it, add scripts inside angular.json

"scripts": [
"node_modules/ng-annotation-osd/assets/openseadragon.min.js",
"node_modules/ng-annotation-osd/assets/fabric.adapted.js",
"node_modules/ng-annotation-osd/assets/openseadragon-fabricjs-overlay.js"
]

And add providers inside app.module.ts

providers: [
AnnotationOSDService
]

How To use it :

The demo project's page code is available here.

This library was generated with Angular CLI version 13.2.0.