diff --git a/packages/frontend/src/components/MkImageLabelEditorDialog.vue b/packages/frontend/src/components/MkImageLabelEditorDialog.vue index 4744a57452..04bc84c23c 100644 --- a/packages/frontend/src/components/MkImageLabelEditorDialog.vue +++ b/packages/frontend/src/components/MkImageLabelEditorDialog.vue @@ -141,7 +141,7 @@ async function cancel() { const updateThrottled = throttle(100, () => { if (renderer != null) { - renderer.update(frame); + renderer.updateAndRender(frame); } }); @@ -220,7 +220,7 @@ async function initRenderer() { }); } - await renderer!.update(frame); + await renderer!.updateAndRender(frame); } onMounted(async () => { diff --git a/packages/frontend/src/composables/use-uploader.ts b/packages/frontend/src/composables/use-uploader.ts index fc8bc7c3d9..5519f8a6f5 100644 --- a/packages/frontend/src/composables/use-uploader.ts +++ b/packages/frontend/src/composables/use-uploader.ts @@ -584,7 +584,7 @@ export function useUploader(options: { // title: `${meta_model} + ${meta_lensModel}`, // text: `${date} ${meta_mm}mm f/${meta_f} ${meta_s}s ISO${meta_iso}`, //}); - await labelRenderer.update({ + await labelRenderer.updateAndRender({ title: 'aaaaaaaaaaaaa', text: 'bbbbbbbbbbbbbbbbbbbb', }); diff --git a/packages/frontend/src/utility/image-label-renderer.ts b/packages/frontend/src/utility/image-label-renderer.ts index c95e888040..7e0a11ca3e 100644 --- a/packages/frontend/src/utility/image-label-renderer.ts +++ b/packages/frontend/src/utility/image-label-renderer.ts @@ -74,7 +74,7 @@ export class ImageLabelRenderer { }); } - public async update(params: ImageLabelParams): Promise { + public async updateAndRender(params: ImageLabelParams): Promise { let imageAreaW = this.image.width; let imageAreaH = this.image.height;