Add image annotation functionality to any web page with a few lines of JavaScript. Visit the project website for documentation and live demos.
npm install @annotorious/annotoriousimport { createImageAnnotator } from '@annotorious/annotorious';
import '@annotorious/annotorious/annotorious.css';
const anno = createImageAnnotator('image-to-annotate');
// Load annotations from a file
anno.loadAnnotations('./annotations.json');
// Listen to user events
anno.on('createAnnotation', function(annotation) {
console.log('new annotation', annotation);
});Annotorious is licensed under the BSD 3-Clause license.
Visit the Discussion Forum for community support, or file an issue on the Issue Tracker.
Looking for help with integration, customization, or feature development? I offer consulting and professional services for teams and organizations that need dedicated support or technical guidance.
Contact me at hello@rainersimon.io to discuss your project.