@utlime/vue-zoom

zoom component for vue

Usage no npm install needed!

<script type="module">
  import utlimeVueZoom from 'https://cdn.skypack.dev/@utlime/vue-zoom';
</script>

README

vue-zoom

vue zoom component

installing

npm i @utlime/vue-zoom

simple example

<template>
  <vue-zoom>
    <img ... />
  </vue-zoom>
</template>
<script>
import { VueZoom } from '@utlime/vue-zoom';

export default {
  components: { VueZoom },
};
</script>

prop scale

scale property can has the follow values:

number, relative zoom value to component with, e.g. 1.5(default value)

<vue-zoom :scale="2">...</vue-zoom>

string, fixed zoom value, e.g. 600px

<vue-zoom scale="600px">...</vue-zoom>

more examples

storybook