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

SnailBones · web-flow · commit 4cc3a8d89d3f · 2022-04-06T12:59:10.000-06:00
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);
 
