swiper icon indicating copy to clipboard operation
swiper copied to clipboard

Add ability to specify location to zoom into on the zoom module's in() function

Open broox opened this issue 1 year ago • 1 comments

Clear and concise description of the problem

Currently, the zoom module's in() function allows a ratio parameter to be passed. It would be nice if we could also specify a position to zoom into. This would allow developers to implement custom functionality to be able to zoom in to a specific point of the image, rather than just the center.

Suggested solution

In the zoom module, add an optional position parameter to the in() function. This parameter could be a set of pixel coordinates on the image to zoom toward.

For example, we could call slider.in(2, [100,100]) to zoom an image by 2x and target the center to be on or around 100px from the left and 100px from the top of the image.

Alternative

No response

Additional context

No response

Validations

  • [X] Follow our Code of Conduct
  • [X] Read the docs.
  • [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

  • [X] I'm willing to open a PR

broox avatar Feb 10 '24 19:02 broox

Agreed. Mine is not always zooming round the center of the image but I can not determine what it is using for the zoom center. It seems to vary but I haven't yet figure out what its' using to make the determination of center

jgoldfuss avatar May 05 '24 15:05 jgoldfuss