Try willReadFrequently

cheeaun · Sep 9, 2023 · 696a463 · 696a463
1 parent fea1d77
commit 696a463
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx
@@ -188,7 +188,9 @@ function AccountInfo({
                   try {
                     // Get color from four corners of image
                     const canvas = document.createElement('canvas');
-                    const ctx = canvas.getContext('2d');
+                    const ctx = canvas.getContext('2d', {
+                      willReadFrequently: true,
+                    });
                     canvas.width = e.target.width;
                     canvas.height = e.target.height;
                     ctx.drawImage(e.target, 0, 0);

diff --git a/src/components/avatar.jsx b/src/components/avatar.jsx
@@ -16,7 +16,9 @@ const alphaCache = {};
 const canvas = window.OffscreenCanvas
   ? new OffscreenCanvas(1, 1)
   : document.createElement('canvas');
-const ctx = canvas.getContext('2d');
+const ctx = canvas.getContext('2d', {
+  willReadFrequently: true,
+});
 
 function Avatar({ url, size, alt = '', squircle, ...props }) {
   size = SIZES[size] || size || SIZES.m;