-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathzoom.html
21 lines (21 loc) · 1.55 KB
/
zoom.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!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="imageId" width=320 height=240 src="https://lh3.googleusercontent.com/t4Muye9wQ7_TTSjaECScUFrtF1zJEFOgPluZnPqQPXv87BIiTMdPteFar0GvZ4K0voJ_SELnWHIRNCFj4QobpKS3X2MLuourZ4xPz_z9n4mj3HKyITWCPQbIAGHavowSVO4rAH5IGC8PN5Ju0PkuPxbT20skSBs7rHeHmVW8xmcXwbM1qsJHRM9jVnrEHiR8pEMFc26c60VALdTVBT8ClXfXe_VMRXKY89wAS4IhNKhLDbHvMYTrJGwtDCUthcPqMr_-vzIxSP8OmRbNgRZcm4VVt9hW1jGlp5Eya2yHfH4H0CrEM-buvBY9dscG6ri9SgOkLtMCIgxX8op8fikEB6_jO1mHKfZP4DKWl8-zMBFzT3v4W-Cq5PmE1el0khRRLmccZIjYJeNyK-MZAhhRnnBfnRUAjrdakL57r4kRrpiQEJ_lIm6Fn1Moz2lq5j78HbDhZSaMUJGqXQwfWHct8c4Rqzdv_lMYyfHcf7S9cvzMcLaUl6A0bo-zXMChiYsNGIMxzY_hWzMEgdx_OORTusZ9HnireDtCudg6GymYwxbE0fQ4KbgTOgewcjc_6eLKTM908KtgbVL2t1jAMY8sLOUzW71sbzkndWQheKzgs86HrMC5wCNEJ2-E_VJPXE4-CFu6wbMUDUnDfIpLF-SiGRyfFLDDGZKX06kQw0syJVjGRe4ouqnStBfIgyvTeFUQyYzKEQprYE755w0hkNmKczzL=w925-h1233-no">
</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.min.js"> </script>
<script type="text/javascript">
var img = document.getElementById('imageId');
var zm = new Zoom(img);
</script>
</body>
</html>