@recogito/annotorious


A JavaScript image annotation library. Add drawing, commenting and labeling functionality to images
in Web pages with just a few lines of code. Weighs less than 300kB. See the project website
for details and live demos.

New Features in v2.7.14

* Edge Dragging for Rectangles: Rectangular annotations can now be resized by dragging directly on their edges, providing a more intuitive resizing experience.
* Automatic Cursor Updates: The appropriate resize cursors (e.g., ew-resize, ns-resize, nwse-resize, nesw-resize) are automatically displayed when hovering over the edges or handles of a rectangle, giving a clear visual indication of available resizing actions.

Installing

If you use npm, npm install @recogito/annotorious and

``javascript
import { Annotorious } from '@recogito/annotorious';

import '@recogito/annotorious/dist/annotorious.min.css';

const anno = new Annotorious({ image: 'hallstatt' }); // image element or ID
`

Otherwise download the latest release
and include it in your web page.

`html


`

Using

`html







``
Full documentation is on the project website. Questions? Feedack? Feature requests? Join the
Annotorious chat on Gitter.


License

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 us :-)

Who's Using Annotorious

!NHS Wales Logo   

Using Annotorious? Let us know!

Contributing

Contributions to both the code and documentation are welcome! More details can be found in the Hacker's Guide on the project website.