Custom source debug page support for Safari and Firefox (#11680)

mapbox · Apr 6, 2022 · 4cc3a8d · 4cc3a8d
1 parent d5a5145
commit 4cc3a8d
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/debug/custom-source.html b/debug/custom-source.html
@@ -41,8 +41,9 @@
         tileSize,
         async loadTile({z, x, y}) {
             const tileSize = 256;
-            const offscreenCanvas = new OffscreenCanvas(tileSize, tileSize);
-            const context = offscreenCanvas.getContext('2d');
+            const canvas = document.createElement('canvas');
+            canvas.width = canvas.height = tileSize;
+            const context = canvas.getContext('2d');
             context.fillStyle = 'red';
             context.fillRect(0, 0, tileSize, tileSize);
 
@@ -56,8 +57,9 @@
         },
         prepareTile({z, x, y}) {
             const tileSize = 256;
-            const offscreenCanvas = new OffscreenCanvas(tileSize, tileSize);
-            const context = offscreenCanvas.getContext('2d');
+            const canvas = document.createElement('canvas');
+            canvas.width = canvas.height = tileSize;
+            const context = canvas.getContext('2d');
             context.fillStyle = currentColor;
             context.fillRect(0, 0, tileSize, tileSize);