vue-pin-image v1.0.1

📌 Vue Pin Image

An easy to use image marker library for vue3

Installation

npm install --save vue-pin-image

or

yarn add vue-pin-image

or

pnpm i vue-pin-image

Usage

Import the magic zoom componet.

import { PinImage } from "vue-pin-image"

Use it in a Vue componens

const markers = ref([]);
watchEffect(() => {
    console.log(markers.value);
})

<PinImage src="/default-image.jpg" v-model:markers="markers" />

This will render the image and when you hover over it, it will show a little lens with a zoomed in version

The MagicZoom component accepts the following props:

Support

For any feedback or to report any issues or general implementation support, please reach out to komi@yorgsoft.com

License

Released under the MIT license.