- Add memorycheck-with-simple-image demo to reproduce "Total canvas memory use exceeds the maximum limit" warning and then "null is not an object (evaluating 'smallContext.drawImage')" error.

(To get them, click Create button 12 times on "iPad Air (3rd generation) -- 13.3" Simulator on Mac with Web Inspector by Safari.)
2024-11-22 05:06:09 +03:00 · 2020-03-18 14:36:56 +09:00 · 2020-03-18 14:36:56 +09:00 · abc11e3eb6
commit abc11e3eb6
parent 519cbaccde
1 changed files with 60 additions and 0 deletions
--- a/test/demo/memorycheck-with-simple-image.html
+++ b/test/demo/memorycheck-with-simple-image.html
@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>OpenSeadragon Memory Check With Simple Image Demo</title>
+    <script type="text/javascript" src='../../build/openseadragon/openseadragon.js'></script>
+    <style type="text/css">
+
+      .openseadragon1 {
+          width: 800px;
+          height: 600px;
+      }
+
+    </style>
+</head>
+<body>
+    <div>
+        Simple demo page to monitor OpenSeadragon Memory Usage.
+    </div>
+    <button onclick="createViewer()">Create</button>
+    <button onclick="destroyViewer()">Destroy</button>
+
+    <div id="contentDiv" class="openseadragon1"></div>
+    <script type="text/javascript">
+
+        var _viewer;
+
+        var generateUniqueHash = (function() {
+            var counter = 0;
+            return function() {
+                return "openseadragon_" + (counter++);
+            };
+        })();
+
+        function createViewer() {
+            if ( _viewer ) {
+                destroyViewer();
+            }
+
+            _viewer = OpenSeadragon({
+                element: document.getElementById("contentDiv"),
+                showNavigationControl: false,
+                prefixUrl: "../../build/openseadragon/images/",
+                hash: generateUniqueHash(), //this is only needed if you want to instantiate more than one viewer at a time.
+                tileSources: {
+                    type: "image",
+                    url: "../data/CCyan.png"
+                }
+            });
+        }
+
+        function destroyViewer() {
+            if ( _viewer ) {
+                _viewer.destroy();
+            }
+            _viewer = null;
+        }
+
+    </script>
+</body>
+</html>