@recogito/annotorious-toolbar

1.2.0 • Public • Published

Annotorious Toolbar

A simple toolbar to switch between drawing tools.

Example screen capture

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.

Join the chat at https://gitter.im/recogito/annotorious

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

Dependents (1)

Package Sidebar

Install

npm i @recogito/annotorious-toolbar

Weekly Downloads

98

Version

1.2.0

License

BSD-3-Clause

Unpacked Size

20.5 kB

Total Files

16

Last publish

Collaborators

  • aboutgeo