mirror/openseadragon
1
0
Fork 0
mirror of https://github.com/openseadragon/openseadragon.git synced 2024-11-23 13:46:09 +03:00
Code Issues Projects Releases Wiki Activity

make webgl drawer account for viewport margins

Browse Source
This commit is contained in:
Tom 2024-10-17 15:06:04 -04:00
parent 17c34a7985
commit 6c20101c8b
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/webgldrawer.js
View File

@ -256,7 +256,7 @@
draw(tiledImages){ draw(tiledImages){
let gl = this._gl; let gl = this._gl;
let view = { let view = {
bounds: this.viewport.getBoundsNoRotate(true), bounds: this.viewport.getBoundsNoRotateWithMargins(true),
center: this.viewport.getCenter(true), center: this.viewport.getCenter(true),
rotation: this.viewport.getRotation(true) * Math.PI / 180 rotation: this.viewport.getRotation(true) * Math.PI / 180
}; };

9
test/demo/drawercomparison.js
View File

@ -18,6 +18,13 @@ const drawers = {
webgl: "New WebGL drawer" webgl: "New WebGL drawer"
} }
const viewportMargins = {
left: 25,
top: 25,
right: 25,
bottom: 25,
};
//Support drawer type from the url //Support drawer type from the url
const url = new URL(window.location.href); const url = new URL(window.location.href);
const drawer1 = url.searchParams.get("left") || 'canvas'; const drawer1 = url.searchParams.get("left") || 'canvas';
@ -40,6 +47,7 @@ let viewer1 = window.viewer1 = OpenSeadragon({
drawer:drawer1, drawer:drawer1,
blendTime:0, blendTime:0,
showNavigator:true, showNavigator:true,
viewportMargins,
}); });
// viewer2: webgl drawer // viewer2: webgl drawer
@ -55,6 +63,7 @@ let viewer2 = window.viewer2 = OpenSeadragon({
drawer:drawer2, drawer:drawer2,
blendTime:0, blendTime:0,
showNavigator:true, showNavigator:true,
viewportMargins,
}); });
// // viewer3: html drawer, unused // // viewer3: html drawer, unused