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控制的回到页面顶端goTop的代码实现
Mar 20 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 Javascript
JavaScript构造函数详解
Dec 27 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
使用JavaScript实现ajax的实例代码
May 11 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
Jan 10 Javascript
Jquery实时监听input value的实例
Jan 26 Javascript
javascript canvas检测小球碰撞
Apr 17 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版
2006/10/09 PHP
Linux下将excel数据导入到mssql数据库中的方法
2010/02/08 PHP
Symfony生成二维码的方法
2016/02/04 PHP
jQuery 使用手册(四)
2009/09/23 Javascript
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
extjs render 用法介绍
2013/09/11 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
鼠标悬浮显示二级菜单效果的jquery实现
2014/10/29 Javascript
使用jQuery实现返回顶部
2015/01/26 Javascript
微信小程序 页面跳转事件绑定的实例详解
2017/09/20 Javascript
浅谈ES6 模板字符串的具体使用方法
2017/11/07 Javascript
Vue父子组件双向绑定传值的实现方法
2018/07/31 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
ES6 Class中实现私有属性的一些方法总结
2019/07/08 Javascript
详解vue为什么要求组件模板只能有一个根元素
2019/07/22 Javascript
jQuery AJAX应用实例总结
2020/05/19 jQuery
[44:15]国士无双DOTA2 6.82版本详解(上)
2014/09/28 DOTA
python抓取网页图片示例(python爬虫)
2014/04/27 Python
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
Python中一些深不见底的“坑”
2019/06/12 Python
用Python获取摄像头并实时控制人脸的实现示例
2019/07/11 Python
Python 列表中的修改、添加和删除元素的实现
2020/06/11 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
来自世界各地的优质葡萄酒:VineShop24
2018/07/09 全球购物
维也纳通行证:Vienna PASS
2019/07/18 全球购物
自荐信怎么写好
2013/11/11 职场文书
结婚喜宴家长答谢词
2014/01/15 职场文书
业务员薪酬管理制度
2014/01/15 职场文书
教师专业自荐书范文
2014/02/10 职场文书
会计学专业自荐信
2014/06/25 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
班主任2015新年寄语
2014/12/08 职场文书
小学三年级语文教学反思
2016/03/03 职场文书
如何利用python创作字符画
2022/06/25 Python