Annotorious Toolbar
A simple toolbar to switch between drawing tools.
Install
Include the plugin directly via the CDN:
<html>
<head>
<!-- Annotorious -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@recogito/annotorious@latest/dist/annotorious.min.css">
<script src="https://cdn.jsdelivr.net/npm/@recogito/annotorious@latest/dist/annotorious.min.js"></script>
<!-- Toolbar plugin -->
<script src="https://cdn.jsdelivr.net/npm/@recogito/annotorious-toolbar@latest/dist/annotorious-toolbar.min.js"></script>
</head>
<body>
<!-- The toolbar mounts itself into a DIV on your page -->
<div id="my-toolbar-container"></div>
<img id="my-image" src="hallstatt640px.jpg">
</body>
</html>
Or if you are using npm:
$ npm install @recogito/annotorious-toolbar
Instantiate Annotorious the normal way, and then register the plugin:
var anno = Annotorious.init({
image: 'my-image'
});
// Init the plugin
Annotorious.Toolbar(anno, document.getElementById('my-toolbar-container'));
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 :-)