1.0.0-rc.35 • Published 4 years ago

@annotation-studio/plugin-viewer v1.0.0-rc.35

Weekly downloads
1
License
MIT
Repository
-
Last release
4 years ago

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 @annotation-studio/plugin-viewer @annotation-studio/plugin-core --save-dev

Then in your code (ES6 in this example)

import CorePlugin from '@annotation-studio/plugin-core';
import ViewerPlugin from '@annotation-studio/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>
1.0.0-rc.35

4 years ago

1.0.0-rc.33

4 years ago

1.0.0-rc.32

4 years ago

1.0.0-rc.31

5 years ago

1.0.0-rc.30

5 years ago

1.0.0-rc.29

5 years ago

1.0.0-rc.28

5 years ago

1.0.0-rc.27

6 years ago

1.0.0-rc.25

6 years ago

1.0.0-rc.24

6 years ago

1.0.0-rc.23

6 years ago

1.0.0-rc.22

6 years ago

1.0.0-rc.21

6 years ago

1.0.0-rc.20

6 years ago

1.0.0-rc.19

6 years ago

1.0.0-rc.18

7 years ago

1.0.0-rc.17

7 years ago

1.0.0-rc.15

7 years ago

1.0.0-rc.14

7 years ago

1.0.0-rc.13

7 years ago

1.0.0-rc.12

7 years ago