Javascript如何实现双指控制图片功能


Posted in Javascript onFebruary 25, 2020

javascript 实现双指放大缩小旋转图片

1 先记录 屏幕上 的手指数量 (记录方法 按下+1 松开-1)

2 记录每个手指的在屏幕上的坐标 每个手指的touchid不一样 用数组存就行 shouzhis[touchid]= x,y

3 如果屏幕上有2个手指

1 缩放按照2个手指的距离来计算

private getTouchDistance():number
{
var _distance:number = 0;
var names = this.touchPoints["names"];
_distance = egret.Point.distance( this.touchPoints[names[names.length-1]],
this.touchPoints[names[names.length-2]]);
return _distance;
}

2 旋转 是按照2个手指的角度来计算

private getTouchAngle():number
  {
    var ang:number = 0;
    var names = this.touchPoints["names"];
    var p1:egret.Point = this.touchPoints[names[names.length-1]];
    var p2:egret.Point = this.touchPoints[names[names.length-2]];

    ang = Math.atan2((p1.y-p2.y),(p1.x-p2.x)) / this.c;
    return ang;
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
070823更新的一个[消息提示框]组件 兼容ie7
Aug 29 Javascript
使用jquery解析XML示例代码
Sep 05 Javascript
浅析node.js中close事件
Nov 26 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
使用jQuery判断浏览器滚动条位置的方法
May 30 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
JavaScript生成验证码并实现验证功能
Sep 24 Javascript
用js实现博客打赏功能
Oct 24 Javascript
微信小程序停止其他视频播放当前视频的实例代码
Dec 25 Javascript
vue中音频wavesurfer.js的使用方法
Feb 20 Vue.js
JS Thunk 函数的含义和用法实例总结
Apr 08 Javascript
五句话帮你轻松搞定js原型链
Dec 09 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
Feb 25 #Javascript
通过js实现压缩图片上传功能
Feb 25 #Javascript
Vue实现简单计算器案例
Feb 25 #Javascript
使用Vue实现简单计算器
Feb 25 #Javascript
详解vue beforeEach 死循环问题解决方法
Feb 25 #Javascript
Vue实现简易计算器
Feb 25 #Javascript
js+canvas实现简单扫雷小游戏
Jan 22 #Javascript
You might like
解析php防止form重复提交的方法
2013/07/01 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
django中的ajax组件教程详解
2018/10/18 PHP
PHP 超级全局变量相关总结
2020/06/30 PHP
非常好的js代码
2006/06/27 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
10条建议帮助你创建更好的jQuery插件
2015/05/18 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
深入浅析AngularJS中的module(模块)
2016/01/04 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
js判断checkbox是否选中个数的方法(超简单)
2016/08/19 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
JS常见算法详解
2017/02/28 Javascript
layui导航栏实现代码
2017/05/19 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
如何在vue-cli中使用css-loader实现css module
2021/01/07 Vue.js
python3图片转换二进制存入mysql
2013/12/06 Python
Python检查ping终端的方法
2019/01/26 Python
Django 外键的使用方法详解
2019/07/19 Python
Flask框架学习笔记之消息提示与异常处理操作详解
2019/08/15 Python
python3使用GUI统计代码量
2019/09/18 Python
简单的命令查看安装的python版本号
2020/08/28 Python
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
介绍一下Python下range()函数的用法
2013/11/07 面试题
信息工程学院毕业生推荐信
2013/11/05 职场文书
文明村镇申报材料
2014/05/06 职场文书
环保建议书600字
2014/05/14 职场文书
授权委托书范本(单位)
2014/09/28 职场文书
婚前协议书标准版
2014/10/19 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript
sql注入教程之类型以及提交注入
2021/08/02 MySQL
CSS基础详解
2021/10/16 HTML / CSS
python百行代码实现汉服圈图片爬取
2021/11/23 Python