OpenSeadragonImageFilters
Adds a control to OpenSeadragon that enables the user to change the image via sliders based on provided filters. Default are; brightness, contrast, saturation and hue.
Demo
http://picturae.github.io/openseadragonselection/
Usage:
Include dist/openseadragonimagefilter.js after openseadragon add images for button in your open seadragon images folder or provide in options (not tested)
Then init controls like so (where viewer is your OpenSeadragon Instance):
viewer.imagefilters(options);
options:
showControl: true, //show button or not startOpen: false, //start viewer with ImageFilterTools open prefixUrl: null, //alternative location of images toolsLeft: null, //int for absolute positioning toolsTop: null, //int for absolute positioning toolsWidth: 180, //int width in pixels toolsHeight: 150, //int height in pixels class: null, //override standard styling, NB. you need to style everything navImages: , filters: , contrast: } }
Depends on:
- openseadragon-filtering.js (https://github.com/usnistgov/OpenSeadragonFiltering)
- openseadragon.js (http://openseadragon.github.io/)
Development notes:
- Checkout this project
- Install bower dependencies via bower install (currently dependencies on caman and lodash)
- Install npm dev dependencies via npm install
- Edit code in /src
- Use gulp watch to watch for changes and compile js in /dist
- All depenencies except Openseadragon are compiled into one file dist/openseadragonimagefilter.js using gulp