Stack Overflow
Stack Overflow

Questions tagged [openseadragon]

OpenSeadragon is an open-source, web-based viewer for zoomable images, implemented in pure JavaScript.

OpenSeadragon is an open-source, web-based viewer for zoomable images, implemented in pure JavaScript.

https://openseadragon.github.io/

174 questions
18
votes
2 answers

Add Annotation to Openseadragon

var viewer = OpenSeadragon({ id: "openseadragon1", prefixUrl: "images/openseadragon/", showNavigator: true, navigatorPosition: "BOTTOM_RIGHT", tileSources: '/fcgi-bin/iipsrv.fcgi?Deepzoom=.jp2.dzi', …
Levent Tulun
  • 701
  • 3
  • 9
  • 22
3
votes
2 answers

How to access JavaScript content (or JavaScript files extending other JS-Files) in TypeScript by using Angular 8

I am using the JavaScript library OpenSeadragon in an Angular 8 app. So the common way is to register the javascript.min.js file in the angular.json scripts section and use it in TypeScript the following way: declare var OpenSeadragon: any; Then I…
ArgV
  • 175
  • 3
  • 13
3
votes
0 answers

Can someone explain to me how OpenSeadragon decides upon tile dimensions within a pyramidal .tiff image?

I'm trying to understand how OpenSeadragon decides upon tile dimensions within a pyramidal .tiff image in order to generate the first layer of tiles. I can't see the correlation between the various sizes defined in the info.json that OpenSeadragon…
gusauwerda
  • 31
  • 2
3
votes
1 answer

Issues with OpenSeaDragon overlays and tooltips in collection mode

I'm working on a image gallery based on OpenSeaDragon, and I'd like to be able to use overlays in collection mode. Based on the various examples on the OSD website (http://openseadragon.github.io/) I managed to hack together a minimal working…
ejb
  • 145
  • 8
3
votes
1 answer

How to import a js file and use it in angular library (not in project)

I am developing image zoom in angular4 library,I need to import openseadragon js file to my library. If it is angular project then simply i can add cdn to index.html, but in library how can i import js file. I tried with the angular-cli.json file in…
Siva Kumar S
  • 409
  • 1
  • 6
  • 21
2
votes
1 answer

Add marker on clicking openseadragon viewer

I want to basically do what is asked in this link. However I have a few questions, is canvas-click event predefined is openseadragon? Also this method gives me errors Cannot read property of null (reading 'addHandler'). Is there any other method to…
m_k_s
  • 88
  • 8
2
votes
1 answer

How to use DZT gem inside the model?

I have a feeling my question might have a very easy answer. I am working on a Rails 6.1 solution that uses openseadragon to view, zoom and annotate large images. The solution requires the uploaded file to be 'tiled' to a DZI format. I found the…
Xswede
  • 45
  • 1
  • 7
2
votes
1 answer

Using OpenSeadragon, how can set it to load the image at a specific set of coordinates in the upper left corner?

I am using OpenSeadragon to display a large image so that it scrolls infinitely as a mosaic. This is working fine, with the code listed below. However, the initial zoom level varies when opened in Chrome, Firefox or Opera, and the image is displayed…
Max D
  • 189
  • 11
2
votes
2 answers

How to display high resolution image in browser using openlayers

I am trying to display a high resolution image in browser using openlayers 5. I found an example on how to use zoomify to create image tiles and render it using openlayers map. But I am unable to use it for my own image. I am completely new to this.…
troglodyte07
  • 3,598
  • 10
  • 42
  • 66
2
votes
1 answer

OpenSeadragon in Angular 7

I am trying to get a basic example of OpenSeadragon v2.4 working in Angular 7. I have properly imported the npm module and it is working to some degree. I am looking at this simple example here. Here is my code: var duomo = { Image: { xmlns:…
afriedman111
  • 1,925
  • 4
  • 25
  • 42
2
votes
2 answers

D3 Implementation: custom topology image behind D3 map

I need to display a D3 map with a topological / shaded relief background. All user functionalities need to be implemented (e.g. zoom and panning) So far, I have layered the map over a PNG that has the topology. I then did some hacking around with…
Noobster
  • 1,024
  • 1
  • 13
  • 28
2
votes
2 answers

How to display original image size in openseadragon?

I am trying to implement openseadragon zoom plugin in my angular4 application. Everything is working but i can't able to show the original image size,openseadragon is restricting image size and setting image in center if i use like below, const…
Siva Kumar S
  • 409
  • 1
  • 6
  • 21
2
votes
1 answer

Fabric Canvas changing position when Openseadragon image is rotated

I am using Fabric.js Canvas on top of OpenSeadragon(osd). I am trying to create a compass/rotater widget on top of the osd image, which will rotate the osd image. It should zoom and pan with the osd image, but should not rotate with the osd…
Neeraj Kumar
  • 226
  • 4
  • 18
2
votes
2 answers

How to import javascript file into angular4 project and use it's function inside component?

I am trying to import openseadragon.min.js file in index.html and using it's function like below, var viewer = OpenSeadragon({ id: "seadragon-viewer" }); But it is throwing error like OpenSeadragon is undefined. Any solutions will be…
Siva Kumar S
  • 409
  • 1
  • 6
  • 21
2
votes
1 answer

Deep zoom Tile generation of very large size image

I need to generate deep zoom tiles for an image of size 50,000 x 50,000 pixels. I tried using deep zoom composer software but it keeps loading the file without any success. Please help me how can i generate deep zoom tiles for such large image.…
user7639992
  • 69
  • 7
1
2 3
…
11 12