From 6c20101c8be2e5952b45831658f7df79325db309 Mon Sep 17 00:00:00 2001
From: Tom <tmpearce@gmail.com>
Date: Thu, 17 Oct 2024 15:06:04 -0400
Subject: [PATCH] make webgl drawer account for viewport margins

---
 src/webgldrawer.js            | 2 +-
 test/demo/drawercomparison.js | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/webgldrawer.js b/src/webgldrawer.js
index cf489661..a102ce31 100644
--- a/src/webgldrawer.js
+++ b/src/webgldrawer.js
@@ -256,7 +256,7 @@
         draw(tiledImages){
             let gl = this._gl;
             let view = {
-                bounds: this.viewport.getBoundsNoRotate(true),
+                bounds: this.viewport.getBoundsNoRotateWithMargins(true),
                 center: this.viewport.getCenter(true),
                 rotation: this.viewport.getRotation(true) * Math.PI / 180
             };
diff --git a/test/demo/drawercomparison.js b/test/demo/drawercomparison.js
index 96793915..9b1bf6a7 100644
--- a/test/demo/drawercomparison.js
+++ b/test/demo/drawercomparison.js
@@ -18,6 +18,13 @@ const drawers = {
     webgl: "New WebGL drawer"
 }
 
+const viewportMargins = {
+    left: 25,
+    top: 25,
+    right: 25,
+    bottom: 25,
+};
+
 //Support drawer type from the url
 const url = new URL(window.location.href);
 const drawer1 = url.searchParams.get("left") || 'canvas';
@@ -40,6 +47,7 @@ let viewer1 = window.viewer1 = OpenSeadragon({
     drawer:drawer1,
     blendTime:0,
     showNavigator:true,
+    viewportMargins,
 });
 
 // viewer2: webgl drawer
@@ -55,6 +63,7 @@ let viewer2 = window.viewer2 = OpenSeadragon({
     drawer:drawer2,
     blendTime:0,
     showNavigator:true,
+    viewportMargins,
 });
 
 // // viewer3: html drawer, unused