fix: add willReadFrequently prop to canvas context

loke-dev · Jul 10, 2023 · 5d8fdf5 · 5d8fdf5
1 parent e412ccd
commit 5d8fdf5
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/lib/components/Hero.svelte b/src/lib/components/Hero.svelte
@@ -114,7 +114,7 @@
   }
 
   const initCanvas = (canvas: HTMLCanvasElement) => {
-    const ctx = canvas.getContext("2d")
+    const ctx = canvas.getContext("2d", { willReadFrequently: true })
     const gradientWidth = 500
     let gradient = ctx.createLinearGradient(0, 0, gradientWidth, 0)
 
@@ -141,7 +141,7 @@
       return
     }
 
-    const ctx = canvas.getContext("2d")
+    const ctx = canvas.getContext("2d", { willReadFrequently: true })
     let needsUpdate = false
 
     ctx.clearRect(0, 0, canvas.width, canvas.height)