Skip to main content

useZoom

useZoom(): Ref<number>

Composable to track the current zoom level of a VisuallyJS UI in Vue. This returns the current zoom as a ref, and will discover the component from which to get the zoom automatically (a Surface, Paper or Diagram)

<script setup>
import { useZoom } from "@visuallyjs/browser-ui-vue"

const zoom = useZoom()
</script>

<template>
  <p>Current zoom: {{ zoom }}</p>
</template>

Returns​

Ref<number>