New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

How to prevent the image from being dragged out of the viewport #36

Open

bluelemonade opened this issue Dec 6, 2024 · 1 comment

bluelemonade commented Dec 6, 2024

What is the easiest way to prevent the image from being dragged out of the viewport? Where can I place this?

Otherwise, thank you very much for this great project!

Owner

ehassaan commented Dec 7, 2024

You can use @panned event to check if your image is going out of canvas and use v-model:pan to set the pan.
Check reactivity example for reference, it is a bit outdated though.
https://github.com/ehassaan/vue-zoomable/blob/main/src/examples/ReactivityDemo.vue#L110

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment