JavaScript image annotation library

Add drawing, commenting and labeling functionality to images on your website
with a few lines of JavaScript

Download Annotorious v2.0.4
var anno = Annotorious.init({
  image: document.getElementById('image-to-annotate')
});

// Load annotations in W3C Web Annotation format
anno.loadAnnotations('annotations.json');

// Attach listeners to handle annotation events
anno.on('createAnnotation', function(annotation)) {
  console.log('Created!');
};

Integrate anywhere. No server-side dependencies. Annotorious doesn't force any specific backend technology on you. Use the JavaScript API to integrate the backend you already have, or follow one of the guides for a simple out-of-the-box cloud storage recipe.

Flexible & Interoperable. Based on the W3C standard for web annotations. Implemented in modern JavaScript and SVG. You can customize look and feel with CSS, use formatters to apply rule-based styles, or build your own extension components for the annotation editor.

Annotorious is also available as a plugin to OpenSeadragon, a JavaScript viewer for high-resolution zoomable images. Learn more.

Download OpenSeadragon Plugin v2.0.6