Are you over 18 and want to see adult content?
More Annotations
A complete backup of www.bbc.com/zhongwen/trad/chinese-news-51403740
Are you over 18 and want to see adult content?
A complete backup of www.record.pt/futebol/futebol-nacional/liga-nos/sp--braga/detalhe/ricardo-horta-e-a-selecao-faco-meu-trabal
Are you over 18 and want to see adult content?
A complete backup of soha.vn/else-lasker-schler-nu-thi-si-tru-tinh-vi-dai-cua-duc-va-cuoc-doi-dam-nuoc-mat-thoi-chien-tranh-2020
Are you over 18 and want to see adult content?
A complete backup of stars.udn.com/star/story/10091/4331909
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of onlineyogaacademy.com
Are you over 18 and want to see adult content?
A complete backup of michigantechhuskies.com
Are you over 18 and want to see adult content?
A complete backup of humanizingthebadge.com
Are you over 18 and want to see adult content?
A complete backup of problemchildcomic.com
Are you over 18 and want to see adult content?
A complete backup of girlsguidetopm.com
Are you over 18 and want to see adult content?
Text
individual tiles,
OPENSEADRAGON CLASS: TILESOURCE OpenSeadragon. TileSource. The TileSource contains the most basic implementation required to create a smooth transition between layers in an image pyramid. It has only a single key interface that must be implemented to complete its key functionality: 'getTileUrl'. It also has several optional interfaces that can be implemented if a new OPENSEADRAGON CLASS: VIEWER To get the TiledImage instance created by open, add an event listener for OpenSeadragon.Viewer.html#.event:open, which when fired can be used to get access to the instance, i.e., viewer.world.getItemAt (0). This can be a TiledImage specifier, a TileSource specifier, or OPENSEADRAGON CLASS: TILECACHE The tile to cache. The unique key used to identify this tile in the cache. The image of the tile to cache. The TiledImage that owns that tile. If adding this tile goes over the cache max count, this function will release an old tile. The cutoff option specifies a tile level at OPENSEADRAGON CLASS: TILE The portion of the tile to use as the source of the drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing with HTML the entire tile is always used. Source: openseadragon.js, line 16701.IIIF TILE SOURCE
The IIIF API was designed to facilitate systematic reuse of image resources in digital image repositories maintained by cultural heritage organizations. The API could be adopted by any image repository or service, and can be used to retrieve static images in response to a properly constructed URL. OpenSeadragon has added support for IIIF thanksDZI TILE SOURCE
The DZI format is implied by a tile source specified as a string and which has the .dzi extension. OpenSeadragon sniffs for whether the DZI is formatted as XML or JSON. Below is a sample DZI file formatted as XML. And the equivalent sample DZI file formatted as JSON. Configuration is done via the tileSources option (orprogrammatically).
VIEWPORT NAVIGATOR
By default, the navigator will auto fade after some timeout when the user stops interacting with the viewport. You can disable this behavior and make it visible persistently. The relevant configuration options are shown below. var viewer = OpenSeadragon ( { VIEWPORT COORDINATES Viewport Coordinates. OpenSeadragon zooms your images to fit into your webpage. To do this, it uses three coordinate systems: Image, Web, and Viewport. Image coordinates are the actual pixels of your image. If the image is 1000px wide, its left side is at x = 0, and its right side is x = 1000. Web coordinates are the normal "pixel" coordinates OVERLAYS | OPENSEADRAGON OpenSeadragon makes it easy to declare highlighted areas and control the presentation through simple CSS mechanisms. A tile source overlay is specific to the particular tile source. So if you have a sequence of tile sources and want to overlay unique content on each, use this mechanism. Highlighted Overlays. The overlay can provide a class name CREATING ZOOMING IMAGES Creating Zooming Images. OpenSeadragon works with a variety of zooming image formats.These zooming images generally consist of a number ofindividual tiles,
OPENSEADRAGON CLASS: TILESOURCE OpenSeadragon. TileSource. The TileSource contains the most basic implementation required to create a smooth transition between layers in an image pyramid. It has only a single key interface that must be implemented to complete its key functionality: 'getTileUrl'. It also has several optional interfaces that can be implemented if a new OPENSEADRAGON CLASS: VIEWER To get the TiledImage instance created by open, add an event listener for OpenSeadragon.Viewer.html#.event:open, which when fired can be used to get access to the instance, i.e., viewer.world.getItemAt (0). This can be a TiledImage specifier, a TileSource specifier, or OPENSEADRAGON CLASS: TILECACHE The tile to cache. The unique key used to identify this tile in the cache. The image of the tile to cache. The TiledImage that owns that tile. If adding this tile goes over the cache max count, this function will release an old tile. The cutoff option specifies a tile level at OPENSEADRAGON CLASS: TILE The portion of the tile to use as the source of the drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing with HTML the entire tile is always used. Source: openseadragon.js, line 16701.IIIF TILE SOURCE
The IIIF API was designed to facilitate systematic reuse of image resources in digital image repositories maintained by cultural heritage organizations. The API could be adopted by any image repository or service, and can be used to retrieve static images in response to a properly constructed URL. OpenSeadragon has added support for IIIF thanksDZI TILE SOURCE
The DZI format is implied by a tile source specified as a string and which has the .dzi extension. OpenSeadragon sniffs for whether the DZI is formatted as XML or JSON. Below is a sample DZI file formatted as XML. And the equivalent sample DZI file formatted as JSON. Configuration is done via the tileSources option (orprogrammatically).
VIEWPORT NAVIGATOR
By default, the navigator will auto fade after some timeout when the user stops interacting with the viewport. You can disable this behavior and make it visible persistently. The relevant configuration options are shown below. var viewer = OpenSeadragon ( { VIEWPORT COORDINATES Viewport Coordinates. OpenSeadragon zooms your images to fit into your webpage. To do this, it uses three coordinate systems: Image, Web, and Viewport. Image coordinates are the actual pixels of your image. If the image is 1000px wide, its left side is at x = 0, and its right side is x = 1000. Web coordinates are the normal "pixel" coordinates OPENSEADRAGON NAMESPACE: OPENSEADRAGON OpenSeadragon.NavImages. . An object with a property for each button or other built-in navigation control, eg the current 'zoomIn', 'zoomOut', 'home', and 'fullpage'. Each of those in turn provides an image path for each state of the button or navigation control, OPENSEADRAGON CLASS: WORLD setAutoRefigureSizes (valueopt) As a performance optimization, setting this flag to false allows the bounds-change event handler on tiledImages to skip calculations on the world bounds. If a lot of images are going to be positioned in rapid succession, this is a good idea. When finished, setAutoRefigureSizes should be called with trueor the
OPENSEADRAGON CLASS: VIEWPORT Translates from a rectangle which describes a portion of the viewport in point coordinates to image rectangle coordinates. This method can be called either by passing X,Y,width,height or an OpenSeadragon.Rect Note: not accurate with multi-image; use OPENSEADRAGON CLASS: TILE The portion of the tile to use as the source of the drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing with HTML the entire tile is always used. Source: openseadragon.js, line 16701. OPENSEADRAGON SOURCE: OPENSEADRAGON.JS Source: openseadragon.js //! openseadragon 2.4.2 //! Built on 2020-03-05 //! Git commit: v2.4.2-2-4c64042 //! http://openseadragon.github.io //! License: httpCUSTOM TILE SOURCE
example: custom tile sources. A Custom Tile Source can be created via inline configuration by specifying a single function named getTileUrl, along with the required values for height and width.Optional values include tileSize, tileOverlap, minLevel, and maxLevel.Additionally, any default functions implemented by OpenSeadragon.TileSource can beoverridden.
OPENSTREETMAP TILE SOURCE example: openstreetmap tile support OpenStreetMap is a popular tile source used in many online geographic mapping specifications. You can read more about it here and details about the tile set here. OpenSeadragon supports OpenStreetMap tiles thanks to Rainer Simon.ZOOMIFY TILE SOURCE
Currently, only inline configuration is supported, because Zoomify metadata are not in a standard xml file. Example Inline Configuration for Zoomify. Supply all necessary information in the tilesource object. A minimal example object for this method looks like this: OpenSeadragon ( { tileSources: [ { type: "zoomifytileservice", width:7026
VIEWPORT ZOOM AND PAN Constraining by Viewport Visibility as a Ratio, and Constraining During Panning. The option visibilityRatio, which is by default 0.5, ensures that you cannot pan the image far enough to fill the viewport with more than 50% background.Setting it to 1, as in this example, ROTATION | OPENSEADRAGON Enabling rotation buttons. If you just want to let the user rotate the viewer, you can simply add the rotation controls and enable the pinch rotate on tactile devices.OPENSEADRAGON
Enter the URL of an image to OpenSeadragonize: Show! Powered by OpenSeadragon. Image loading OVERLAYS | OPENSEADRAGON OpenSeadragon makes it easy to declare highlighted areas and control the presentation through simple CSS mechanisms. A tile source overlay is specific to the particular tile source. So if you have a sequence of tile sources and want to overlay unique content on each, use this mechanism. Highlighted Overlays. The overlay can provide a class name CREATING ZOOMING IMAGES Creating Zooming Images. OpenSeadragon works with a variety of zooming image formats.These zooming images generally consist of a number ofindividual tiles,
OPENSEADRAGON CLASS: VIEWER To get the TiledImage instance created by open, add an event listener for OpenSeadragon.Viewer.html#.event:open, which when fired can be used to get access to the instance, i.e., viewer.world.getItemAt (0). This can be a TiledImage specifier, a TileSource specifier, orIIIF TILE SOURCE
The IIIF API was designed to facilitate systematic reuse of image resources in digital image repositories maintained by cultural heritage organizations. The API could be adopted by any image repository or service, and can be used to retrieve static images in response to a properly constructed URL. OpenSeadragon has added support for IIIF thanks OPENSEADRAGON CLASS: TILECACHE The tile to cache. The unique key used to identify this tile in the cache. The image of the tile to cache. The TiledImage that owns that tile. If adding this tile goes over the cache max count, this function will release an old tile. The cutoff option specifies a tile level at OPENSEADRAGON CLASS: TILE The portion of the tile to use as the source of the drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing with HTML the entire tile is always used. Source: openseadragon.js, line 16701.VIEWPORT NAVIGATOR
By default, the navigator will auto fade after some timeout when the user stops interacting with the viewport. You can disable this behavior and make it visible persistently. The relevant configuration options are shown below. var viewer = OpenSeadragon ( { VIEWPORT COORDINATES Viewport Coordinates. OpenSeadragon zooms your images to fit into your webpage. To do this, it uses three coordinate systems: Image, Web, and Viewport. Image coordinates are the actual pixels of your image. If the image is 1000px wide, its left side is at x = 0, and its right side is x = 1000. Web coordinates are the normal "pixel" coordinatesDZI TILE SOURCE
The DZI format is implied by a tile source specified as a string and which has the .dzi extension. OpenSeadragon sniffs for whether the DZI is formatted as XML or JSON. Below is a sample DZI file formatted as XML. And the equivalent sample DZI file formatted as JSON. Configuration is done via the tileSources option (orprogrammatically).
OPENSEADRAGON
Enter the URL of an image to OpenSeadragonize: Show! Powered by OpenSeadragon. Image loading OVERLAYS | OPENSEADRAGON OpenSeadragon makes it easy to declare highlighted areas and control the presentation through simple CSS mechanisms. A tile source overlay is specific to the particular tile source. So if you have a sequence of tile sources and want to overlay unique content on each, use this mechanism. Highlighted Overlays. The overlay can provide a class name CREATING ZOOMING IMAGES Creating Zooming Images. OpenSeadragon works with a variety of zooming image formats.These zooming images generally consist of a number ofindividual tiles,
OPENSEADRAGON CLASS: VIEWER To get the TiledImage instance created by open, add an event listener for OpenSeadragon.Viewer.html#.event:open, which when fired can be used to get access to the instance, i.e., viewer.world.getItemAt (0). This can be a TiledImage specifier, a TileSource specifier, orIIIF TILE SOURCE
The IIIF API was designed to facilitate systematic reuse of image resources in digital image repositories maintained by cultural heritage organizations. The API could be adopted by any image repository or service, and can be used to retrieve static images in response to a properly constructed URL. OpenSeadragon has added support for IIIF thanks OPENSEADRAGON CLASS: TILECACHE The tile to cache. The unique key used to identify this tile in the cache. The image of the tile to cache. The TiledImage that owns that tile. If adding this tile goes over the cache max count, this function will release an old tile. The cutoff option specifies a tile level at OPENSEADRAGON CLASS: TILE The portion of the tile to use as the source of the drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing with HTML the entire tile is always used. Source: openseadragon.js, line 16701.VIEWPORT NAVIGATOR
By default, the navigator will auto fade after some timeout when the user stops interacting with the viewport. You can disable this behavior and make it visible persistently. The relevant configuration options are shown below. var viewer = OpenSeadragon ( { VIEWPORT COORDINATES Viewport Coordinates. OpenSeadragon zooms your images to fit into your webpage. To do this, it uses three coordinate systems: Image, Web, and Viewport. Image coordinates are the actual pixels of your image. If the image is 1000px wide, its left side is at x = 0, and its right side is x = 1000. Web coordinates are the normal "pixel" coordinatesDZI TILE SOURCE
The DZI format is implied by a tile source specified as a string and which has the .dzi extension. OpenSeadragon sniffs for whether the DZI is formatted as XML or JSON. Below is a sample DZI file formatted as XML. And the equivalent sample DZI file formatted as JSON. Configuration is done via the tileSources option (orprogrammatically).
OPENSEADRAGON
Enter the URL of an image to OpenSeadragonize: Show! Powered by OpenSeadragon. Image loading OPENSEADRAGON CLASS: VIEWPORT Translates from a rectangle which describes a portion of the viewport in point coordinates to image rectangle coordinates. This method can be called either by passing X,Y,width,height or an OpenSeadragon.Rect Note: not accurate with multi-image; use OPENSEADRAGON CLASS: TILE The portion of the tile to use as the source of the drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing with HTML the entire tile is always used. Source: openseadragon.js, line 16701. OPENSTREETMAP TILE SOURCE example: openstreetmap tile support OpenStreetMap is a popular tile source used in many online geographic mapping specifications. You can read more about it here and details about the tile set here. OpenSeadragon supports OpenStreetMap tiles thanks to Rainer Simon. OPENSEADRAGON CLASS: TILESOURCE OpenSeadragon. TileSource. The TileSource contains the most basic implementation required to create a smooth transition between layers in an image pyramid. It has only a single key interface that must be implemented to complete its key functionality: 'getTileUrl'. It also has several optional interfaces that can be implemented if a new OPENSEADRAGON CLASS: CONTROL OpenSeadragon. Control. A Control represents any interface element which is meant to allow the user to interact with the zoomable interface. Any control can be anchored to any element. Members. Methods. anchor. autoFade. container. OPENSEADRAGON CLASS: POINT OpenSeadragon. Point. A Point is really used as a 2-dimensional vector, equally useful for representing a point on a plane, or the height and width of a plane not requiring any other frame ofreference. Members.
ZOOMIFY TILE SOURCE
Currently, only inline configuration is supported, because Zoomify metadata are not in a standard xml file. Example Inline Configuration for Zoomify. Supply all necessary information in the tilesource object. A minimal example object for this method looks like this: OpenSeadragon ( { tileSources: [ { type: "zoomifytileservice", width:7026
ROTATION | OPENSEADRAGON Enabling rotation buttons. If you just want to let the user rotate the viewer, you can simply add the rotation controls and enable the pinch rotate on tactile devices. VIEWPORT ZOOM AND PAN Constraining by Viewport Visibility as a Ratio, and Constraining During Panning. The option visibilityRatio, which is by default 0.5, ensures that you cannot pan the image far enough to fill the viewport with more than 50% background.Setting it to 1, as in this example,OPENSEADRAGON
Enter the URL of an image to OpenSeadragonize: Show! Powered by OpenSeadragon. Image loading CREATING ZOOMING IMAGES Creating Zooming Images. OpenSeadragon works with a variety of zooming image formats.These zooming images generally consist of a number ofindividual tiles,
OVERLAYS | OPENSEADRAGON OpenSeadragon makes it easy to declare highlighted areas and control the presentation through simple CSS mechanisms. A tile source overlay is specific to the particular tile source. So if you have a sequence of tile sources and want to overlay unique content on each, use this mechanism. Highlighted Overlays. The overlay can provide a class name VIEWPORT COORDINATES Viewport Coordinates. OpenSeadragon zooms your images to fit into your webpage. To do this, it uses three coordinate systems: Image, Web, and Viewport. Image coordinates are the actual pixels of your image. If the image is 1000px wide, its left side is at x = 0, and its right side is x = 1000. Web coordinates are the normal "pixel" coordinates OPENSEADRAGON CLASS: VIEWPORT Translates from a rectangle which describes a portion of the viewport in point coordinates to image rectangle coordinates. This method can be called either by passing X,Y,width,height or an OpenSeadragon.Rect Note: not accurate with multi-image; use OPENSEADRAGON CLASS: TILECACHE The tile to cache. The unique key used to identify this tile in the cache. The image of the tile to cache. The TiledImage that owns that tile. If adding this tile goes over the cache max count, this function will release an old tile. The cutoff option specifies a tile level atIIIF TILE SOURCE
The IIIF API was designed to facilitate systematic reuse of image resources in digital image repositories maintained by cultural heritage organizations. The API could be adopted by any image repository or service, and can be used to retrieve static images in response to a properly constructed URL. OpenSeadragon has added support for IIIF thanksVIEWPORT NAVIGATOR
By default, the navigator will auto fade after some timeout when the user stops interacting with the viewport. You can disable this behavior and make it visible persistently. The relevant configuration options are shown below. var viewer = OpenSeadragon ( { OPENSEADRAGON CLASS: TILE The portion of the tile to use as the source of the drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing with HTML the entire tile is always used. Source: openseadragon.js, line 16701.DZI TILE SOURCE
The DZI format is implied by a tile source specified as a string and which has the .dzi extension. OpenSeadragon sniffs for whether the DZI is formatted as XML or JSON. Below is a sample DZI file formatted as XML. And the equivalent sample DZI file formatted as JSON. Configuration is done via the tileSources option (orprogrammatically).
OPENSEADRAGON
Enter the URL of an image to OpenSeadragonize: Show! Powered by OpenSeadragon. Image loading CREATING ZOOMING IMAGES Creating Zooming Images. OpenSeadragon works with a variety of zooming image formats.These zooming images generally consist of a number ofindividual tiles,
OVERLAYS | OPENSEADRAGON OpenSeadragon makes it easy to declare highlighted areas and control the presentation through simple CSS mechanisms. A tile source overlay is specific to the particular tile source. So if you have a sequence of tile sources and want to overlay unique content on each, use this mechanism. Highlighted Overlays. The overlay can provide a class name VIEWPORT COORDINATES Viewport Coordinates. OpenSeadragon zooms your images to fit into your webpage. To do this, it uses three coordinate systems: Image, Web, and Viewport. Image coordinates are the actual pixels of your image. If the image is 1000px wide, its left side is at x = 0, and its right side is x = 1000. Web coordinates are the normal "pixel" coordinates OPENSEADRAGON CLASS: VIEWPORT Translates from a rectangle which describes a portion of the viewport in point coordinates to image rectangle coordinates. This method can be called either by passing X,Y,width,height or an OpenSeadragon.Rect Note: not accurate with multi-image; use OPENSEADRAGON CLASS: TILECACHE The tile to cache. The unique key used to identify this tile in the cache. The image of the tile to cache. The TiledImage that owns that tile. If adding this tile goes over the cache max count, this function will release an old tile. The cutoff option specifies a tile level atIIIF TILE SOURCE
The IIIF API was designed to facilitate systematic reuse of image resources in digital image repositories maintained by cultural heritage organizations. The API could be adopted by any image repository or service, and can be used to retrieve static images in response to a properly constructed URL. OpenSeadragon has added support for IIIF thanksVIEWPORT NAVIGATOR
By default, the navigator will auto fade after some timeout when the user stops interacting with the viewport. You can disable this behavior and make it visible persistently. The relevant configuration options are shown below. var viewer = OpenSeadragon ( { OPENSEADRAGON CLASS: TILE The portion of the tile to use as the source of the drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing with HTML the entire tile is always used. Source: openseadragon.js, line 16701.DZI TILE SOURCE
The DZI format is implied by a tile source specified as a string and which has the .dzi extension. OpenSeadragon sniffs for whether the DZI is formatted as XML or JSON. Below is a sample DZI file formatted as XML. And the equivalent sample DZI file formatted as JSON. Configuration is done via the tileSources option (orprogrammatically).
OPENSEADRAGON
Enter the URL of an image to OpenSeadragonize: Show! Powered by OpenSeadragon. Image loading OPENSEADRAGON NAMESPACE: OPENSEADRAGON OpenSeadragon.NavImages. . An object with a property for each button or other built-in navigation control, eg the current 'zoomIn', 'zoomOut', 'home', and 'fullpage'. Each of those in turn provides an image path for each state of the button or navigation control, OPENSEADRAGON CLASS: VIEWPORT Translates from a rectangle which describes a portion of the viewport in point coordinates to image rectangle coordinates. This method can be called either by passing X,Y,width,height or an OpenSeadragon.Rect Note: not accurate with multi-image; use OPENSEADRAGON CLASS: WORLD setAutoRefigureSizes (valueopt) As a performance optimization, setting this flag to false allows the bounds-change event handler on tiledImages to skip calculations on the world bounds. If a lot of images are going to be positioned in rapid succession, this is a good idea. When finished, setAutoRefigureSizes should be called with trueor the
OPENSEADRAGON CLASS: TILESOURCE OpenSeadragon. TileSource. The TileSource contains the most basic implementation required to create a smooth transition between layers in an image pyramid. It has only a single key interface that must be implemented to complete its key functionality: 'getTileUrl'. It also has several optional interfaces that can be implemented if a newVIEWPORT NAVIGATOR
By default, the navigator will auto fade after some timeout when the user stops interacting with the viewport. You can disable this behavior and make it visible persistently. The relevant configuration options are shown below. var viewer = OpenSeadragon ( { TOOLBAR | OPENSEADRAGON OpenSeadragon allows you to easily dock your controls inside any element on the page. In addition, the toolbar has logic which supports transitions between full-screen and normal mode. The user can style the toolbar in full-screen mode, including hiding it, even though it's not otherwise related to the viewer DOM.CUSTOM TILE SOURCE
example: custom tile sources. A Custom Tile Source can be created via inline configuration by specifying a single function named getTileUrl, along with the required values for height and width.Optional values include tileSize, tileOverlap, minLevel, and maxLevel.Additionally, any default functions implemented by OpenSeadragon.TileSource can beoverridden.
VIEWPORT ZOOM AND PAN Constraining by Viewport Visibility as a Ratio, and Constraining During Panning. The option visibilityRatio, which is by default 0.5, ensures that you cannot pan the image far enough to fill the viewport with more than 50% background.Setting it to 1, as in this example, OPENSEADRAGON CLASS: TILE The portion of the tile to use as the source of the drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing with HTML the entire tile is always used. Source: openseadragon.js, line 16701. OPENSEADRAGON 2.4.1 * Examples & Features* Plugins
* Browser Extension
* Download & Install* API Documentation
* Support
* Development
* License
OPENSEADRAGON
An open-source, web-based viewer for HIGH-RESOLUTION ZOOMABLE IMAGES, implemented in pure JavaScript, for desktop and mobile. OpenSeadragon Viewer With Default Settings Image © 2012, Dario Morelli See how people are using OpenSeadragon in the wild.
EXAMPLES & FEATURES
*
BASICS
* Creating Zooming Images * Viewport Coordinates*
SUPPORTED TILE SOURCES OpenSeadragon supports several image serving protocols out of the box and is actively adding support for more. If the image serving protocol you need is not supported, you can always add support for yours using a custom tile source. _(Please help us add built-in support for your required image serving protocol.)_ Each supported protocol aims to allow configuration via XMLHTTPRequest, JSONP, as well as direct inline configuration. * Legacy Image Pyramids * IIIF (International Image Interoperability Framework) * DZI (Deep Zoom Images) * OSM (Open Street Maps) * TMS (Tiled Map Service)* Zoomify
* Custom Tile Sources* Simple Image
*
INTERFACE ELEMENTS AND UI CUSTOMIZATION OpenSeadragon provides many optional interface elements which can be easily enabled via simple configuration settings. Additionally, OpenSeadragon aims to enable you to bind its controls to entirelycustom interfaces.
* Zoom and Pan
* Overlays
* Viewport Navigator* Rotation
* Toolbar
* Binding Custom Buttons * Keyboard Navigation * Customize Tooltips (I18n)*
MULTI-IMAGE FEATURES It's very common that sets of related images are required to be presented in a way that allows a user to easily navigate through them. OpenSeadragon provides simple options for this, as well as full multi-image support with complete control.* Sequence Mode
* Image Reference Strip* Collection Mode
* Full Multi-Image
*
DEVELOPER TOOLS
These settings can be useful for developers who are trying to add features to OpenSeadragon or when troubleshooting.* Debug Mode
PLUGINS
Plugins can be used to enhance OpenSeadragon. The following plugins are currently available:*
CODE PLUGINS
* Bookmark URL
updates the page URL with the current zoom/pan. * OpenSeadragonAnnotationsallows you to
draw in a SVG overlay that scales with the image. Useful to annotate and highlight regions of an image. * OpenSeadragonCanvasOverlayallows you to
add canvas overlay that pans and zooms with OpenSeadragon viewer. * OpenSeadragonCanvasOverlayHd OpenSeadragonCanvasOverlayHd allows you to add a canvas overlay that renders nicely on retina displays, pans and zooms with OpenSeadragon viewer, and supports multi-images. * OpenSeadragonDraggableNavigator allows you to make navigator draggable over the OpenSeadragon viewer. * OpenSeadragonFabricjsOverlayallows you to
add Fabric.js canvas overlay that pans and zooms with OpenSeadragonviewer.
* OpenSeadragonFilteringallows you to
add image filters in OpenSeadragon. * OpenSeadragonGL allows you to run WebGL shaders on all tiles in OpenSeadragon. * OpenSeadragonGuidesallows you to add
horizontal and vertical guidelines to the Openseadragon viewer. * OpenSeadragonHTMLelementsallows you
to add HTML elements that pan, zoom, rotate and flip with the Openseadragon viewer. * OpenSeadragonImagingHelperprovides
coordinate conversion, pan, and zoom methods in a simplifiedcoordinate system.
* OpenSeadragonJustifiedCollection Openseadragon plugin for arranging collections in a justified gridlayout.
* OpenSeadragonMagnifierallows you to
view part of the image magnified in a navigator-like box. * OpenSeadragonMultiRowadds navigation
and options for multi row image sequences. * OpenSeadragonPaperjsOverlayallows
you to add Paper.js canvas overlay that pans and zooms with OpenSeadragon viewer.* OpenSeadragonRGB
allows reading the rgb values of image pixels. * OpenSeadragonScalebardisplays your
image's scale in real-world measurements. * OpenSeadragonScreenshotallows you to
make a screenshot of your viewport, with optional magnification. * OpenSeadragonSelectionprovides
functionality for selecting a rectangular part of an image. Useful forcropping.
* OpenSeadragonViewerInputHookprovides
hooks into an OpenSeadragon.Viewer and/or OpenSeadragon.MouseTracker for overriding/extending the default user-input event handlingbehavior.
* OpenSeadragonZoomLevelsallows
restricting the image zoom to specific levels. * SVG Overlay allows you to add SVG elements that pan and zoom with the OpenSeadragonviewer.
*
ICON PACKS
* Flat Toolbar Icons;
simple, flat design toolbar icons.BROWSER EXTENSION
OpenSeadragonizer
enables viewing any image on a webpage with OpenSeadragon. * OpenSeadragonizer for Chrome * OpenSeadragonizer for Firefox You can also use the web version of OpenSeadragonizer directly without installing anything.DOWNLOAD & INSTALL
You can get OpenSeadragon 2.4.1 through any of these venues:* DOWNLOAD: zip
or tar.gz
* BOWER: bower install openseadragon * NPM: npm install openseadragon (info)
* JSDELIVR (CDN): codeand images
* CDNJS (CDN): code
and images
(info )
For installation instructions, see the Getting Started page in the documentation. For creating the tiles themselves, see Creating Zooming Images.
Older releases and source archives are available on GitHub.
API DOCUMENTATION
Available on our documentation pages .SUPPORT
GitHub: issue tracker Twitter: @OpenSeadragonChat: Gitter (also
accessible via IRC )DEVELOPMENT
OpenSeadragon is developed on GitHub. You can clone the
source repository with Git by running: git clone git://github.com/openseadragon/openseadragonLICENSE
OpenSeadragon is released under the New BSD license. * Examples & Features* Plugins
* Browser Extension
* Download & Install* API Documentation
* Support
* Development
* License
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0