We use this library on <a href="https://team.video" rel="nofollow">https://team.video</a> for panning and zooming around in screenshares.<p>It can be really useful if you have situation where a colleague is sharing their hi-res screen, when meanwhile you're on a laptop with a lower-res screen, and you want to zoom in on their terminal or some part of the screenshare so that the text there can be easier to read.
Looks nice! We've been looking for a lightweight solution to zooming on images in the issue tracker we're building [0]. Figured we'd end up rolling our own because we're trying to avoid adding heavy dependencies for these little things. But this looks great, we'll definitely give it a try!<p>0: <a href="https://kitemaker.co" rel="nofollow">https://kitemaker.co</a>
Having infinite pan/zoom is a very exciting, you always have free room to write new things! I made BigPicture a few years ago for this purpose. Live demo: <a href="https://josephernest.github.io/bigpicture.js/index.html" rel="nofollow">https://josephernest.github.io/bigpicture.js/index.html</a><p>Note: I never did a mobile version, so it only works on desktop; same for the website <a href="https://bigpictu.re/demo" rel="nofollow">https://bigpictu.re/demo</a>
It works well on Chrome for desktop.<p>On the demo page, it looks like you're using CSS that isn't supported by most browsers, which might be what causes the flickering / jank on Safari.<p><pre><code> width: max-length;
scrollbar-width: none;</code></pre>
Very jumpy on my iphone with firefox or chrome, sadly. Okay with safari. I suspect it’s the shoddy version of webkit apple forces upon moz and google.<p>Nice effort. I applaud any efforts to make a dependency free anything in js.