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 相关文章推荐
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
Feb 03 Javascript
javascript学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
原生Js实现简易烟花爆炸效果的方法
Mar 20 Javascript
js实现漂浮回顶部按钮实例
May 06 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
JS中递归函数
Jun 17 Javascript
js实现文字跑马灯效果
Feb 23 Javascript
Node.js中环境变量process.env的一些事详解
Oct 26 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
Dec 25 Javascript
React-router4路由监听的实现
Aug 07 Javascript
使用rollup打包JS的方法步骤
Dec 05 Javascript
使用Vue实现一个树组件的示例
Nov 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
德生S2000电路分析
2021/03/02 无线电
php feof用来识别文件末尾字符的方法
2010/08/01 PHP
php读取大文件示例分享(文件操作类)
2014/04/13 PHP
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
php实现session共享的实例方法
2019/09/19 PHP
基于jQuery实现点击同时更改两个iframe的网址
2010/07/01 Javascript
基于jquery的3d效果实现代码
2011/03/23 Javascript
javascript实现博客园页面右下角返回顶部按钮
2015/02/22 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
2016/12/23 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
Vue.js项目部署到服务器的详细步骤
2017/07/17 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
使用webpack搭建pixi.js开发环境
2020/02/12 Javascript
python自动安装pip
2014/04/24 Python
Python设计模式之单例模式实例
2014/04/26 Python
Python实现查找系统盘中需要找的字符
2015/07/14 Python
python使用scrapy发送post请求的坑
2018/09/04 Python
python pygame模块编写飞机大战
2018/11/20 Python
Python如何用wx模块创建文本编辑器
2020/06/07 Python
Python调用百度OCR实现图片文字识别的示例代码
2020/07/17 Python
详解Python高阶函数
2020/08/15 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
会计岗位职责范本
2014/03/07 职场文书
大学生全国两会报告感想
2014/03/17 职场文书
小学阳光体育活动总结
2014/07/05 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
2014年社区民政工作总结
2014/12/02 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
导游词之清晏园
2019/11/22 职场文书
Python数据类型最全知识总结
2021/05/31 Python