As part of a site I had been working on I needed a component that would zoom and pan across an image when the cursor is placed over it. Previously I had been using a jQuery plug-in but I wanted to stick purely to AngularJS so went searching for an equivalent.

I could not find one to suit my needs so I have created my own component in the form of an AngularJS directive. Called zoomPan, it can be incorporated into an existing Angular project as a simple directive. Examples of zoomPan and it's workings can be found here and the code on GitHub.