panzoom
panzoom copied to clipboard
timmywil
A library for panning and zooming elements using CSS transforms :mag:
The current scale value could be set as a CSS variable in the `zoom()` function, just before it returns. ```ts elem.style.setProperty('--scale', scale) ``` Then it becomes easy to keep child...
### PR Checklist Please review the [guidelines for contributing](CONTRIBUTING.md) to this repository. - [X] I am requesting to **pull a topic/feature/bugfix branch** (right side). In other words, not *main*. -...
**What problem does this feature solve?** At the moment, when choosing the `contain:inside` option, it is not possible to zoom the element outside the parent element. Conversely, the `contain:outside` option...
**What problem does this feature solve?** I tried use create a small webcomponent which panzoom'ed an SVG map within a smaller "viewport". (based on lit-element) The Panzoom() function returns an...
### Describe the bug Hello, I'm trying to add panzoom to an image gallery popup, but am running into issues with the focal zoom when using a centered image. I've...
### Describe the bug First of all, great library. One slight issue with `zoomWithWheel` is [this line](https://github.com/timmywil/panzoom/blob/df1dbb6be2cf0af32f79fb3de44df89157e1f94b/src/panzoom.ts#L413): ```javascript const wheel = delta < 0 ? 1 : -1 ``` While...
**What problem does this feature solve?** A user can pan the content outside of the canvas to the point that the content is no longer visible (and even multiple canvas-distances...
Your plugin works great. However, the step property does not normalize to the variances between browsers. Chrome and Firefox step large while others step small. See [stackoverflow issue](https://stackoverflow.com/questions/5527601/normalizing-mousewheel-speed-across-browsers) and [github...
This change makes it possible to configure a minimum distance that is used as a threshold to determine whether to begin a pan or zoom operation when triggered via pointer...
### Subject of the issue I'd like to be able to configure an offset or distance within which a pan doesn't start. Typically when dragging there is a margin of...