pinch-to-zoom
Version:
Pinch to zoom
38 lines (37 loc) • 1.14 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style>
img {
max-width: 100%;
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. At eveniet
dolorem, iure dolor velit sequi ad laborum facilis assumenda maxime
obcaecati aspernatur eaque nulla, culpa, aliquam porro officia ut
veritatis!
</p>
<img
id="img"
src="https://media.gettyimages.com/photos/purple-siberian-iris-neon-abstract-picture-id804748632"
alt=""
/>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. At eveniet
dolorem, iure dolor velit sequi ad laborum facilis assumenda maxime
obcaecati aspernatur eaque nulla, culpa, aliquam porro officia ut
veritatis!
</p>
</body>
<script src="../dist/index.main.js"></script>
<script>
new pinchToZoom.PinchToZoom(document.getElementById('img'));
</script>
</html>