Norwegian Parcel Mail

    digirati-annotation-plugin-viewer

    1.0.0-rc.11 • Public • Published

    Annotation Studio - Viewer plugin

    This is the Open Seadragon or static image viewer component.

    Usage

    To use the plugin you need to add it as a dependency along with the core plugin:

    $ npm i digirati-annotation-plugin-viewer digirati-annotation-plugin-core --save-dev
    

    Then in your code (ES6 in this example)

    import CorePlugin from 'digirati-annotation-plugin-core';
    import ViewerPlugin from 'digirati-annotation-plugin-viewer';
     
    // We need the core plugin.
    const core = CorePlugin(
      document.getElementById('myContainer'),
      {
        resourceTemplates: '...',
        manifest: '...',
        canvas: '...',
        elucidateServer: '...',
      }
    );
     
    // We need to wait for the store to be available.
    core.then(store => {
      ViewerPlugin(
        document.getElementById('viewer'),
        {
          viewer: 'OpenSeadragon', // or StaticImageViewer
          // Actual size, will get re-sized.
          height: 6400,
          width: 4800,
        },
        store
      );
      return store;
    });

    Your HTML should also have a fallback image:

    <div id="viewer">
        <img src="..." height="480" width="640"/>
    </div>

    Keywords

    none

    Install

    npm i digirati-annotation-plugin-viewer

    DownloadsWeekly Downloads

    1

    Version

    1.0.0-rc.11

    License

    MIT

    Unpacked Size

    20.4 kB

    Total Files

    10

    Last publish

    Collaborators

    • stephenwf