Nobody Prefers Margarine

    digirati-dragon

    1.0.2 • Public • Published

    Dragon

    Quick Open sea dragon button to images.

    catzoom

    Requirements

    This is a "bring your own OSD" library, so the window.OpenSeadragon needs to be available or this library will simply ignore it.

    You need to know the manifest and canvas urls for the image you want to display. This is due to lack of support for dereference-able canvases.

    Demo

    Can be found here

    Usage

    Make sure you have OSD and this library JS file included on your page.

    <div 
      style="position:relative" 
      data-dragon="http://.../manifest.json"
      data-canvas="http://..../canvas/123456789.json">
        <img src="...image" />
    </div>
    

    Then you will see a purple box (icons will be coming) that allows you to jump into an OSD with a click.

    Note: position relative is required as the player takes up the whole box that has the attributes. Please do avoid inline CSS.

    Keywords

    none

    Install

    npm i digirati-dragon

    DownloadsWeekly Downloads

    5

    Version

    1.0.2

    License

    MIT

    Last publish

    Collaborators

    • stephenwf