Annotator.js plugin for selecting and annotating portions of images. Designed for use with Annotator 2.x releases.

Distributed under the Apache 2.0 License.

View the Project on GitHub emory-lits-labs/annotator-imgselect

version 0.2.3


Create annotator.js annotations that are anchored to portions of images.

Try it out in this simple image annotation demo.


Using this Annotator plugin requires ImgAreaSelect jQuery plugin CSS and Javascript and the annotator-imgselect javascript. A minified version of the combined ImgAreaSelect and annotator-imgselect code are provided for your convenience.

Include the combined CSS and Javascript files:

<link rel="stylesheet" type="text/css" href="" />
<script type="text/javascript" src=""></script>

In your annotator application initialization, load the module and configure it with a selector for images that can be annotated.

    var app = new annotator.App();
    app.include(annotatorImageSelect, {
        element: $('.content img'),


Authors and Contributors

Created by Rebecca Sutton Koeser (@rlskoeser) and Kevin Glover (@kevinglover), 2015. Originally developed as part of readux.