wip

packages/frontend/src/components/MkImgWithBlurhash.vue

@@ -136,6 +136,8 @@ async function draw() {
 		worker.postMessage({
 			id: viewId,
 			hash: props.hash,
+			width: canvasWidth,
+			height: canvasHeight,
 		});
 	} else {
 		try {

packages/frontend/src/workers/draw-blurhash.ts

@@ -8,7 +8,7 @@ onmessage = async (event) => {
     if (!('hash' in event.data && typeof event.data.hash === 'string')) {
         return;
     }
-    const work = new OffscreenCanvas(canvas.width, canvas.height);
+    const work = new OffscreenCanvas(event.data.width ?? 64, event.data.height ?? 64);
     render(event.data.hash, work);
     const bitmap = await createImageBitmap(work);
     postMessage({ id: event.data.id, bitmap });