openseadragon

Using OpenSeadragon Plugins in Angular

你离开我真会死。 提交于 2020-01-06 05:33:05
问题 I'm trying to use a plugin for OpenSeadragon library in Angular. Plugin is OpenSeadragonSelection. However, it is pure JS and this causes some problems. I tried to integrate it in my project exactly as described. However, when I try var selection = viewer.selection(options); I get the following error: Property 'selection' does not exist on type 'Viewer' In the browser console I get: Uncaught ReferenceError: require is not defined at openseadragonselection.js:1 Even though I added the script

Openseadragon image cordinates

守給你的承諾、 提交于 2020-01-03 03:34:11
问题 iam doing a project using openseadragon check out the below example. a samle openseadragon image In the Onclick method want to find the cordinates(px,py) of the image.Is there any method?? please help this is ma first openseadragon project. thanks 回答1: When you get a click, it'll be in window pixel coordinates. You can then translate it into viewport coordinates (which go from 0.0 on the left to 1.0 on the right). You can then translate those into image coordinates. Here's how it would look

Fabric Canvas changing position when Openseadragon image is rotated

六眼飞鱼酱① 提交于 2019-12-24 15:49:41
问题 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 image. Things are getting tidy when i use viewer.viewport.setRotation(angle); Osd Image rotates, but the location of the Fabric canvas objects also change with it, even though i have set the objects to be in the center of the image. Here is the codePen

What Are The Benefits Of Tile Overlap?

蹲街弑〆低调 提交于 2019-12-22 15:59:27
问题 Just starting out playing with OpenSeadragon (very good btw) and on creating a custom tile set am wondering what the advantages or disadvantages of creating tiles with an overlap? I've tried using 0 and it seems ok, but I wonder if there are any clarity or performance advantages or having the tiles overlap (I think DeepZoom format uses 4 for example?) Thanks for any guidance! 回答1: The advantage is when using sub-pixeling and interpolation when the tiles are placed at non-integer values. If

What Are The Benefits Of Tile Overlap?

百般思念 提交于 2019-12-06 13:53:31
Just starting out playing with OpenSeadragon (very good btw) and on creating a custom tile set am wondering what the advantages or disadvantages of creating tiles with an overlap? I've tried using 0 and it seems ok, but I wonder if there are any clarity or performance advantages or having the tiles overlap (I think DeepZoom format uses 4 for example?) Thanks for any guidance! The advantage is when using sub-pixeling and interpolation when the tiles are placed at non-integer values. If they overlap a little (usually just a single pixel) they will camouflage the tiny gap that typically occur.

how to convert dzi files to multi-tile pyramidal tiff format

你说的曾经没有我的故事 提交于 2019-12-04 05:58:38
问题 In reference to the answer (how to convert dzi (deep zoom) files to full image) I am a noob on this topic, please correct if I am wrong. I am trying to create a multi-tiled tiff from .dzi (deep zoom image) format, how I am doing is: (i) Pick the max level folder. (ii) Vertically Stitch all the n columns of m rows (m_n.jpeg, I am referring to the images saved in this format) as png images. So they are occupying quite a considerable amount of space. (iii) Finally, I horizontally merge all these

How to display high resolution image in browser using openlayers

狂风中的少年 提交于 2019-12-02 03:46:50
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. The question I ask may be very trivial. Please bear my ignorance. Example code - This is the example from openlayers website. I am trying to do the same with this image . I tried replacing the zoomifyUrl and iipUrl with my image url but it didn't work. import Map from 'ol/Map.js'; import View from 'ol/View.js'; import TileLayer from 'ol/layer/Tile

How to display high resolution image in browser using openlayers

别说谁变了你拦得住时间么 提交于 2019-12-01 08:11:04
问题 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. The question I ask may be very trivial. Please bear my ignorance. Example code - This is the example from openlayers website. I am trying to do the same with this image. I tried replacing the zoomifyUrl and iipUrl with my image url but it didn't