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);
});BSD 3-Clause (= feel free to use this code in whatever way you wish. But keep the attribution/license file, and if this code breaks something, don't complain to me :-)
Visit the Discussion Forum for community support, or file an issue on the Issue Tracker.
Need help with Annotorious integration, custom development, or support? I offer integration consulting, custom feature development, and ongoing support retainers. I only take on a limited number of projects to ensure quality service and timely delivery.
Want to work with me? Drop me a line at [email protected] to explore options for your project.
Documentation for Annotorious version 2.7 is available here.