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 相关文章推荐
实例:用 JavaScript 来操作字符串(一些字符串函数)
Feb 15 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
Jan 09 Javascript
JS可以控制样式的名称写法一览
Jan 16 Javascript
node.js中的http.response.getHeader方法使用说明
Dec 14 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
jQuery简单入门示例之用户校验demo示例
Jul 09 Javascript
plupload+artdialog实现多平台上传文件
Jul 19 Javascript
浅谈 Vue v-model指令的实现原理
Jun 08 Javascript
详解vue.js的事件处理器v-on:click
Jun 27 Javascript
Vue+webpack项目基础配置教程
Feb 12 Javascript
浅谈Webpack 是如何加载模块的
May 24 Javascript
VUE写一个简单的表格实例
Aug 06 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
DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家
2020/04/09 欧美动漫
PHP调用三种数据库的方法(1)
2006/10/09 PHP
ThinkPHP控制器里javascript代码不能执行的解决方法
2014/11/22 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
PHP实现的简单异常处理类示例
2017/05/04 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
多种方法判断Javascript对象是否存在
2013/09/22 Javascript
jQuery通过点击行来删除HTML表格行的实现示例
2014/09/10 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
2014/12/05 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
2016/09/17 Javascript
javascript正则表达式模糊匹配IP地址功能示例
2017/01/06 Javascript
js实现导航吸顶效果
2017/02/24 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
vue组件实践之可搜索下拉框功能
2018/11/25 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
python调用shell的方法
2013/11/20 Python
使用python的chardet库获得文件编码并修改编码
2014/01/22 Python
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
python爬取NUS-WIDE数据库图片
2016/10/05 Python
深入了解Python枚举类型的相关知识
2019/07/09 Python
详解python中__name__的意义以及作用
2019/08/07 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
Python发送邮件实现基础解析
2020/08/14 Python
Python:__eq__和__str__函数的使用示例
2020/09/26 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
公司出纳岗位职责
2013/12/07 职场文书
后勤人员岗位职责
2013/12/17 职场文书
初一科学教学反思
2014/01/27 职场文书
学校文明单位申报材料
2014/05/06 职场文书
2014预备党员党课学习心得范文
2014/07/08 职场文书
助学金感谢信
2015/01/20 职场文书