Reuse context in resizeBlobImage

baku89 · Dec 5, 2023 · 5a98dc9 · 5a98dc9
1 parent 6a74513
commit 5a98dc9
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/utils/image.ts b/src/utils/image.ts
@@ -1,6 +1,7 @@
 import {vec2} from 'linearly'
 
 let canvas: HTMLCanvasElement | null = null
+let ctx: CanvasRenderingContext2D | null = null
 
 export async function resizeBlobImage(blob: Blob, size: vec2) {
 	if (!canvas) {
@@ -12,8 +13,11 @@ export async function resizeBlobImage(blob: Blob, size: vec2) {
 	canvas.width = width
 	canvas.height = height
 
-	const ctx = canvas.getContext('2d')!
-	ctx.drawImage(await createImageBitmap(blob), 0, 0, width, height)
+	ctx = canvas.getContext('2d')!
+
+	const bitmap = await createImageBitmap(blob)
+	ctx.drawImage(bitmap, 0, 0, width, height)
+	bitmap.close()
 
 	return await new Promise<Blob>((resolve, reject) => {
 		canvas!.toBlob(b => (b ? resolve(b) : reject()), 'image/jpeg', 0.9)