Skip to content

WasmGPU.createAnnotation.toolkit().onModeChange

Summary

WasmGPU.createAnnotation.toolkit().onModeChange registers a listener for mode transitions. Use it to keep UI controls synchronized with toolkit state.

Syntax

WasmGPU.createAnnotation.toolkit().onModeChange(listener: (mode: AnnotationMode) => void): () => void
const unsubscribe = toolkit.onModeChange(listener);

Parameters

Name Type Required Description
listener (mode: AnnotationMode) => void Yes Callback invoked whenever mode changes.

Returns

() => void - Unsubscribe function.

Example

const canvas = document.querySelector("canvas");
const wgpu = await WasmGPU.create(canvas);
const toolkit = wgpu.createAnnotation.toolkit({ canvas });

toolkit.onModeChange((mode) => {
    console.log("mode", mode);
});
toolkit.setMode("marker");

See Also