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 相关文章推荐
在IE模态窗口中自由查看HTML源码的方法
Mar 08 Javascript
基于jQuery的倒计时插件代码
May 07 Javascript
整理8个很棒的 jQuery 倒计时插件和教程
Dec 12 Javascript
实例讲解JS中数组Array的操作方法
May 09 Javascript
js数组去重的方法汇总
Jul 29 Javascript
jquery实现的Banner广告收缩效果代码
Sep 02 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
Jun 19 Javascript
在vue项目中,将juery设置为全局变量的方法
Sep 25 Javascript
解决vue项目router切换太慢问题
Jul 19 Javascript
利用React高阶组件实现一个面包屑导航的示例
Aug 23 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中使用addslashes函数转义的安全性原理分析
2014/11/03 PHP
php自动更新版权信息显示的方法
2015/06/19 PHP
在PHP站点的页面上添加Facebook评论插件的实例教程
2016/01/08 PHP
php模拟post上传图片实现代码
2016/06/24 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
详解Node.js中exports和module.exports的区别
2017/04/19 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
2017/10/01 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
2019/11/05 Javascript
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
python中list循环语句用法实例
2014/11/10 Python
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
Python运算符重载用法实例
2015/05/28 Python
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
修复 Django migration 时遇到的问题解决
2018/06/14 Python
python实现提取str字符串/json中多级目录下的某个值
2020/02/27 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
2014升学宴答谢词
2014/01/26 职场文书
特色冷饮店创业计划书
2014/01/28 职场文书
九年级数学教学反思
2014/02/02 职场文书
日语专业个人求职信范文
2014/02/02 职场文书
通用自荐信范文
2014/03/14 职场文书
高中综合实践活动总结
2014/07/07 职场文书
中标通知书
2015/04/17 职场文书
2015年路政工作总结
2015/05/22 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
2015大学生暑期实习报告
2015/07/13 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书