search

img-mapper / react-img-mapper

React Component to highlight interactive zones in images
https://img-mapper.github.io/react-docs
MIT License
122 stars 39 forks source link

react-img-mapper with zoom and pan? #44

Closed DVGY closed 2 years ago

DVGY commented 2 years ago

Is there any example, react-img-mapper with zoom and pan library? I want my canvas to be zoomed and panned (react zoom pan pinch library) properly, is there any example available? Thre Thanks

NishargShah commented 2 years ago

https://img-mapper.github.io/react-docs/?path=/story/examples-area--zoom-in-zoom-out-area

This is what you want, isn't it?

DVGY commented 2 years ago

This is not the type of zoom I want. The zoom should be based on mouse pointer. Anyways, this kind of zoom and pan exist in react zoom pan pinch lib. I was looking if there is way to integrate them, or with any other lib

NishargShah commented 2 years ago

The purpose of this project is different.

For future visitors, please check out https://www.npmjs.com/package/react-zoom-pan-pinch, it is a good library for this type of zooming.