TMS Blog: Panning and Zooming

TMS Blog: Panning and Zooming

Jul 27, 2022

Panning and Zooming. A couple of posts ago, we had a look at a handful of image sliders, typically used for, naturally, displaying a collection of images.  And last time we had a look at Leaflet, an interact map, which is really also just a collection of images, precisely tiled, that you can pan and zoom.  So this time out, we're going to take a look at how to pan and zoom regular images in our TMS WEB Core projects.  And as luck would have it, we've got some excellent images to use for this purpose, provided courtesy of the James Webb Telescope.  There are many JS libraries to choose from when it comes to this kind of thing.  To make this as generic a solution as possible, we're going to have a look at panzoom which describes itself as 'Extensible, mobile friendly pan and zoom framework (supports DOM and SVG).' We'll also include many snippets from our previous work to help make this a more fully featured web application.

Enjoy this post?

Buy Andrew Simard a pizza

More from Andrew Simard