Newline Proliferating Maniac

    @recogito/annotorious-selector-pack

    0.5.3 • Public • Published

    Annotorious Selector Pack

    Additional selection tools for Annotorious and the Annotorious OpenSeadragon plugin.

    • Point
    • Circle
    • Ellipse
    • Freehand
    • Multi-polygon

    Using

    Include the plugin in your page directl from the CDN:

    <html>
      <head>
        <!-- Annotorious first -->
        <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>
    
        <!-- Selector Pack plugin -->
        <script src="https://cdn.jsdelivr.net/npm/@recogito/annotorious-selector-pack@latest/dist/annotorious-selector-pack.min.js"></script>
      </head>
    
      <body>
        <img id="hallstatt" src="640px-Hallstatt.jpg">
        <script>
          window.onload = function() {
            // Init Annotorious
            var anno = Annotorious.init({
              image: 'hallstatt'
            });
    
            // Init the plugin
            Annotorious.SelectorPack(anno);
    
            // [ 'rect', 'polygon', 'point', 'circle', 'ellipse', 'freehand' ]
            console.log(anno.listDrawingTools());
    
            anno.setDrawingTool('ellipse');
          }
        </script>
      </body>
    </html>

    If you only want to include some tools

    You can set the tools to include when initializing the plugin.

    // Will only include ellipse and freehand, but not circle
    Annotorious.SelectorPack(anno, { 
      tools: ['ellipse', 'freehand']
    });

    Development

    To run in development mode:

    $ npm install
    $ npm start

    Keywords

    none

    Install

    npm i @recogito/annotorious-selector-pack

    DownloadsWeekly Downloads

    87

    Version

    0.5.3

    License

    BSD-3-Clause

    Unpacked Size

    807 kB

    Total Files

    32

    Last publish

    Collaborators

    • aboutgeo