openseadragondeltaemap
Version:
Draws overlay over a targetscan, and shows calibration info according to deltaE standards
67 lines (52 loc) • 2.08 kB
Markdown
[](https://travis-ci.org/picturae/OpenSeadragonDeltaEMap)
[](https://coveralls.io/github/picturae/openseadragondeltaemap?branch=master)
# OpenSeadragonDeltaEMap
This plugin helps evaluating a targetscan using DeltaE criteria.
For input it takes a DeltaE-compliant JSON holding
the target coordinates, size,
expected and measured colour data
etcetera.
The observed and assessed data are projected
in an overlay tied to the mouse-postion.
## Install
Install the package as npm package. Provided are
a umd-formatted file in the dist folder to require or just read
and an es-module in the module folder to import.
In both folders there is a stylesheet.
## Usage
When installed as node module,
and openSeadragon is opened,
this plugin is available in the viewer as 'deltaEMap'.
With the traditional view settings OpenSeadragon,
on panning or resizing,
the overlay and the image will not move in the same way.
To have a coherent view
resolute view settings are recommended
as shown below.
Recommended setup:
const viewer = OpenSeadragon({
id: ...,
prefixUrl: ...,
tileSources: [...],
gestureSettingsMouse: {
flickEnabled: true,
},
animationTime: 0,
springStiffness: 100,
})
Instantiate overlay:
viewer.addHandler('open', function () {
$http.get(deltaEEndPoint + imageId)
.then(function(response) {
const deltaEMapping = viewer.deltaEMap(viewer);
deltaEMapping.render(response.data);
})
.catch(function() {
console.error('Error while fetching or processing DeltaE data.');
});
})
When critical data are missing,
the plugin will warn or error in the console.
## Demo
.../openseadragondeltaemap/demo/demo.html
JSON with SFR data available through fileselector hidden under navigations icons