@india-boundary-corrector/leaflet-layer 0.0.1 → 0.0.2

package/dist/index.js

@@ -2650,7 +2650,7 @@ function applyMedianBlurAlongPath(ctx, features, lineWidth, tileSize, maskCanvas
   if (!maskCanvas || maskCanvas.width !== tileSize || maskCanvas.height !== tileSize) {
     maskCanvas = new OffscreenCanvas(tileSize, tileSize);
   }
-  const maskCtx = maskCanvas.getContext("2d");
+  const maskCtx = maskCanvas.getContext("2d", { willReadFrequently: true });
   maskCtx.fillStyle = "black";
   maskCtx.fillRect(0, 0, tileSize, tileSize);
   maskCtx.strokeStyle = "white";
@@ -2852,8 +2852,11 @@ var BoundaryCorrector = class {
     const useOsm = zoom >= zoomThreshold;
     const addLayerName = useOsm ? "to-add-osm" : "to-add-ne";
     const delLayerName = useOsm ? "to-del-osm" : "to-del-ne";
-    const canvas = new OffscreenCanvas(tileSize, tileSize);
-    const ctx = canvas.getContext("2d");
+    if (!this._canvas || this._canvas.width !== tileSize) {
+      this._canvas = new OffscreenCanvas(tileSize, tileSize);
+    }
+    const canvas = this._canvas;
+    const ctx = canvas.getContext("2d", { willReadFrequently: true });
     const blob = new Blob([rasterTile]);
     const imageBitmap = await createImageBitmap(blob);
     ctx.drawImage(imageBitmap, 0, 0, tileSize, tileSize);