Show HN: Tragopan – Minimal, dependency-free pan/zoom JavaScript library

We use this library on <a href="https:&#x2F;&#x2F;team.video" rel="nofollow">https:&#x2F;&#x2F;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&#x27;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&#x27;ve been looking for a lightweight solution to zooming on images in the issue tracker we&#x27;re building [0]. Figured we&#x27;d end up rolling our own because we&#x27;re trying to avoid adding heavy dependencies for these little things. But this looks great, we&#x27;ll definitely give it a try!<p>0: <a href="https:&#x2F;&#x2F;kitemaker.co" rel="nofollow">https:&#x2F;&#x2F;kitemaker.co</a>

Having infinite pan&#x2F;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:&#x2F;&#x2F;josephernest.github.io&#x2F;bigpicture.js&#x2F;index.html" rel="nofollow">https:&#x2F;&#x2F;josephernest.github.io&#x2F;bigpicture.js&#x2F;index.html</a><p>Note: I never did a mobile version, so it only works on desktop; same for the website <a href="https:&#x2F;&#x2F;bigpictu.re&#x2F;demo" rel="nofollow">https:&#x2F;&#x2F;bigpictu.re&#x2F;demo</a>

Scroll zoom on the demo image is very choppy for me. Not sure if it&#x27;s my screen or the library itself.

I&#x27;m finding it very choppy and jumpy Safari Version 13.1.1 (14609.2.9.1.3) Mojave 10.14.6

It works well on Chrome for desktop.<p>On the demo page, it looks like you&#x27;re using CSS that isn&#x27;t supported by most browsers, which might be what causes the flickering &#x2F; 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.

Can you write a bit about why this over other pan zoom libs.

Very smooth