zoom_test.html

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    </head>
    <body>
        <p> Two fingers to zoom, rotate, and move </p>
        <p> Double Click to reset </p>
        <div width=320 height=240 style="overflow:hidden;">
            <img id="mysenn" width=320 height=240 src="ulam500.png">
        </div>
        <p> Single finger is for page scroll.</p>
        <p>Get it here</p>
        <a href="https://github.com/anitasv/zoom">https://github.com/anitasv/zoom</a>
        <script type="text/javascript" src="zoom_3Apr2023.min.js"> </script>
        <script type="text/javascript"> 
            var img = document.getElementById('mysenn');
            var zm = new Zoom(img, {
                minZoom: .5, 
                maxZoom: 2.0
            });
        </script>
    </body>
</html>