web前端|js教程
移动端手指放大缩小插件,移动端手指放大,移动端手指缩小
web前端-js教程
这篇文章主要介绍了移动端手指放大缩小插件与js源码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
求免费的计算机毕业设计源码,ubuntu 翻墙 简书,招聘网络爬虫,php $__files,蓝鲸seo笔记lzw
本文实例为大家分享了移动端手指放大缩小的具体代码，供大家参考，具体内容如下
php源码建站和框架建站的区别,ubuntu禁用外接硬盘,python爬虫机制教程,arduino php,隆回seo推广lzw
缩放#box{width:100px; height:100px; background: red;} html,body{width:100%;height:100%; overflow:hidden;}document.addEventListener(DOMContentLoaded,function() { var c=1;//先定义一个初始值 var oBox=document.getElementById(ox); document.addEventListener( ouchstart,function (ev) {//手指点下var oldC=c;//把初始值放到oldC里面function getC(ev) {var x1=ev.targetTouches[0].pageX;var y1=ev.targetTouches[0].pageY;//两根手指缩放肯定需要两根手指，【0】第一根手指的Xy的坐标var x2=ev.targetTouches[1].pageX;//第二根手指的坐标var y2=ev.targetTouches[1].pageY;var a=x1-x2;//第一根手指的pageX-第二根手指的pageX，这样正好是一个之间三角形 得到两个直角边；var b=y1-y2;//同上return Math.sqrt(a*a+b*b)//已知两个直角边开平方得出 斜角边}if(ev.targetTouches.length==2){//判断是否是两根手指 是的话 把两根手指点上去的时候的 斜脚边的初始值 放到 downC里面var downC=getC(ev);}document.addEventListener( ouchmove,function (ev) { //手指移动的时候if(ev.targetTouches.length==2){//判断移动的时候是否是两根手指 c=getC(ev)/downC+oldC;//这个时候的getC(ev)是move时候的，用移动后的斜脚边的值除没移动的值加上他的初始值， oBox.style.webkitTransform=scale(+c+);//通过scale----2D缩放转换}},false) },false) },false)
源码共享网,vscode里面怎么克隆,ubuntu主题更换,tomcat线程被占满,变种爬虫,php字符串不为空,seo与推广的区别,黑客管理网站源码,宠物商城管理平台模板lzw
【相关推荐】
1. Javacript免费视频教学
2. bootstrap手风琴折叠的教学详解
3. bootstrap模态框远程实例详解
4. angularJS实现$http.post和$http.get请求的代码详解
5. layer弹窗插件的使用教学
