mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey synced 2024-05-21 19:00:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

WIP

Browse source
This commit is contained in:
tamaina 2023-05-17 07:49:55 +00:00
parent 0801e79361
commit 05b729ef91
1 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
packages/frontend/src/components/MkImgWithBlurhash.vue
View file

@ -114,20 +114,6 @@ watch([() => props.width, () => props.height, root], () => {
immediate: true,
});
workerPromise.then(worker => {
if (!worker) return;
worker.postMessage({
id: viewId,
hash: props.hash,
});
worker.addEventListener('message', event => {
if (event.data.id !== viewId) return;
drawImage(event.data.bitmap as ImageBitmap);
});
});
function drawImage(bitmap: CanvasImageSource) {
// canvasがない（mountedされていない）場合はTmpに保存しておく
if (!canvas.value) {
@ -165,6 +151,19 @@ async function draw() {
}
}
function workerOnMessage(event: MessageEvent) {
if (event.data.id !== viewId) return;
drawImage(event.data.bitmap as ImageBitmap);
}
workerPromise.then(worker => {
if (worker) {
worker.addEventListener('message', workerOnMessage);
}
draw();
});
watch(() => props.src, () => {
waitForDecode();
});
@ -181,7 +180,11 @@ onMounted(() => {
});
onUnmounted(() => {
workerPromise.then(worker => worker?.postMessage!({ id: viewId, delete: true }));
workerPromise.then(worker => {
if (worker) {
worker.removeEventListener('message', workerOnMessage);
}
});
});
</script>