Security News
Inside Lodash’s Security Reset and Maintenance Reboot
Lodash 4.17.23 marks a security reset, with maintainers rebuilding governance and infrastructure to support long-term, sustainable maintenance.
By Sarah Gooding - Jan 31, 2026
Latest Socket ResearchMalicious Chrome Extension Performs Hidden Affiliate Hijacking.Details →
@recogito/annotorious
Advanced tools
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
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.
<link rel="stylesheet" href="annotorious.min.css">
<script src="annotorious.min.js"></script>
Using
<body>
<div id="content">
<img id="hallstatt" src="640px-Hallstatt.jpg">
</div>
<script>
(function() {
var anno = Annotorious.init({
image: 'hallstatt'
});
anno.loadAnnotations('annotations.w3c.json');
})()
</script>
<script type="text/javascript" src="annotorious.min.js"></script>
</body>
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
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.
Keywords
FAQs
A JavaScript image annotation library
The npm package @recogito/annotorious receives a total of 5,632 weekly downloads. As such, @recogito/annotorious popularity was classified as popular.
We found that @recogito/annotorious demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Package last updated on 17 Oct 2025
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Security News
n8n Tops 2025 JavaScript Rising Stars as Workflow Platforms Gain Momentum
n8n led JavaScript Rising Stars 2025 by a wide margin, with workflow platforms seeing the largest growth across categories.
By Sarah Gooding - Jan 29, 2026
Security News
Federal Government Rescinds Software Supply Chain Mandates, Makes SBOMs Optional
The U.S. government is rolling back software supply chain mandates, shifting from mandatory SBOMs and attestations to a risk-based approach.
By Sarah Gooding - Jan 28, 2026