Skip to content

Latest commit

 

History

History
97 lines (87 loc) · 2.84 KB

extra.md

File metadata and controls

97 lines (87 loc) · 2.84 KB
Reported issues:
Suggestions:
  • Move all UI to float on top of canvas.
  • Better error reporting form with mailto protocol.
  • Conditional image element resizing.
  • webtask.io or weblab.io
  • Manipulate marker depth.
Debug snippet:
JSON.stringify(viewer.currentOverlays.map(function(currentOverlay){return currentOverlay.location}), undefined, "\n").replace(/\n+/g, "\n")

http://openseadragon.github.io/docs/OpenSeadragon.Point.html
http://openseadragon.github.io/docs/OpenSeadragon.Viewport.html#imageToViewerElementCoordinates
http://openseadragon.github.io/docs/OpenSeadragon.html#.Options
http://openseadragon.github.io/docs/OpenSeadragon.Viewer.html#open

Viewer options snippets:
wrapHorizontal: true,
wrapVertical: true,
zoomPerSecond
showNavigationControl
navigatorSizeRatio
useCanvas
sequenceMode
preserveOverlays
showReferenceStrip
zoomPerClick
Useful colors:
  • #0D3F4F
  • #36393F
  • #AAAEB4
Interpolation methods:
  • imageToViewerElementCoordinates
  • imageToViewportCoordinates
  • imageToViewportZoom
  • imageToWindowCoordinates
  • viewerElementToImageCoordinates
  • viewerElementToViewportCoordinates
  • viewportToImageCoordinates
  • viewportToImageZoom
  • viewportToViewerElementCoordinates
  • viewportToWindowCoordinates
  • windowToImageCoordinates
  • windowToViewportCoordinates
  • pixelFromPoint
  • pixelFromPointNoRotate
  • pointFromPixel
  • pointFromPixelNoRotate

=>

  • imageToViewportCoordinates
  • viewerElementToViewportCoordinates
  • windowToViewportCoordinates
  • pointFromPixel
function kek (){point = new OpenSeadragon.Point(3987/2,2971/2);
x = [viewer.viewport.imageToViewerElementCoordinates(point),
viewer.viewport.imageToViewportCoordinates(point),
viewer.viewport.imageToViewportZoom(point),
viewer.viewport.imageToWindowCoordinates(point),
viewer.viewport.viewerElementToImageCoordinates(point),
viewer.viewport.viewerElementToViewportCoordinates(point),
viewer.viewport.viewportToImageCoordinates(point),
viewer.viewport.viewportToImageZoom(point),
viewer.viewport.viewportToViewerElementCoordinates(point),
viewer.viewport.viewportToWindowCoordinates(point),
viewer.viewport.windowToImageCoordinates(point),
viewer.viewport.windowToViewportCoordinates(point),
viewer.viewport.pixelFromPoint(point),
viewer.viewport.pixelFromPointNoRotate(point),
viewer.viewport.pointFromPixel(point),
viewer.viewport.pointFromPixelNoRotate(point)];
y = x.map(function(item){if ((Math.abs(item.x) < 100) && (Math.abs(item.y) < 100)){return item}});
return y};
Random snippets:
let data = JSON.stringify(JSON.decycle(arguments), undefined, "\n").replace(/\n+/g, "\n")
new Image(50, 50)
element.width = element.naturalWidth
element.height = element.naturalHeight
window.getComputedStyle(document.body).backgroundColor