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 相关文章推荐
js获取单选按钮的数据
Nov 27 Javascript
xml 与javascript结合的问题解决方法
Mar 24 Javascript
给网站上的广告“加速”显示的方法
Apr 08 Javascript
基于jquery中children()与find()的区别介绍
Apr 26 Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 Javascript
Angular表格神器ui-grid应用详解
Sep 29 Javascript
Angular6 写一个简单的Select组件示例
Aug 20 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 Javascript
详细分析vue响应式原理
Jun 22 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 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
memcache命令启动参数中文解释
2014/01/13 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
PHP函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
js下弹出窗口的变通
2007/04/18 Javascript
ToolTips JQEURY插件之简洁小提示框效果
2011/11/19 Javascript
用按钮控制iframe显示的网页实现方法
2013/02/04 Javascript
jQuery.prototype.init选择器构造函数源码思路分析
2013/02/05 Javascript
JavaScript中的函数重载深入理解
2014/08/04 Javascript
JavaScript返回网页中锚点数目的方法
2015/04/03 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
2016/06/03 Javascript
jQuery排序插件tableSorter使用方法
2017/02/10 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
JS实现按钮控制计时开始和停止功能
2017/07/27 Javascript
基于jquery实现多选下拉列表
2017/08/02 jQuery
vue中element组件样式修改无效的解决方法
2018/02/03 Javascript
vue实现条件判断动态绑定样式的方法
2018/09/29 Javascript
vue中v-for通过动态绑定class实现触发效果
2018/12/06 Javascript
JavaScript对象原型链原理解析
2020/01/22 Javascript
详细介绍Python的鸭子类型
2016/09/12 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
使用jupyter notebook将文件保存为Markdown,HTML等文件格式
2020/04/14 Python
Python如何使用input函数获取输入
2020/08/06 Python
Python获取excel内容及相关操作代码实例
2020/08/10 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
Notino意大利:购买香水和化妆品
2018/11/14 全球购物
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
创建绿色社区汇报材料
2014/08/22 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
薪资证明范本
2015/06/19 职场文书
家长对孩子的寒假评语
2015/10/09 职场文书
2016继续教育培训学习心得体会
2016/01/19 职场文书
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python