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 相关文章推荐
捕获关闭窗口的脚本
Jan 10 Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
jquery怎样实现ajax联动框(二)
Mar 08 Javascript
简介JavaScript中Math.LOG10E属性的使用
Jun 14 Javascript
JavaScript数组的一些奇葩行为
Jan 25 Javascript
原生ajax处理json格式数据的实例代码
Dec 25 Javascript
jQuery DateTimePicker 日期和时间插件示例
Jan 22 Javascript
JS变量及其作用域
Mar 29 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
Angular模版驱动表单的使用总结
May 05 Javascript
微信小程序间使用navigator跳转传值问题实例分析
Mar 27 Javascript
VUE中setTimeout和setInterval自动销毁案例
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
PHP备份数据库生成SQL文件并下载的函数代码
2012/02/05 PHP
PHP统一页面编码避免乱码问题
2015/04/09 PHP
Zend Framework处理Json数据方法详解
2016/12/09 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
Yii2 queue的队列使用详解
2019/07/19 PHP
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
JavaScript多线程详解
2015/08/12 Javascript
分享Javascript实用方法二
2015/12/13 Javascript
javascript实现简单加载随机色方块
2015/12/25 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
2016/06/07 Javascript
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
2020/04/03 Javascript
Node.js API详解之 zlib模块用法分析
2020/05/19 Javascript
Django objects.all()、objects.get()与objects.filter()之间的区别介绍
2017/06/12 Python
详解如何使用Python编写vim插件
2017/11/28 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
python thrift搭建服务端和客户端测试程序
2018/01/17 Python
python实现从pdf文件中提取文本,并自动翻译的方法
2018/11/28 Python
python实现证件照换底功能
2019/08/20 Python
python实现图片二值化及灰度处理方式
2019/12/07 Python
python反扒机制的5种解决方法
2021/02/06 Python
突袭HTML5之Javascript API扩展3—本地存储全新体验
2013/01/31 HTML / CSS
Bose美国官网:购买Bose耳机和音箱
2019/03/10 全球购物
俄罗斯奢侈品牌衣服、鞋子和配饰的在线商店:INTERMODA
2020/07/17 全球购物
教育学专业实习生的自我鉴定
2013/11/26 职场文书
园林系毕业生求职信
2014/06/23 职场文书
检讨书格式
2015/01/23 职场文书
英文导游词
2015/02/13 职场文书
毕业赠语大全
2015/06/23 职场文书
如何用threejs实现实时多边形折射
2021/05/07 Javascript
启动Tomcat时出现大量乱码的解决方法
2021/06/21 Java/Android
Python sklearn分类决策树方法详解
2022/09/23 Python