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给dropdownlist添加选项的小例子
Mar 04 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
Oct 26 Javascript
jquery动态增加删减表格行特效
Nov 20 Javascript
javascript从作用域链谈闭包
Jul 29 Javascript
Javascript实现的SHA-256加密算法完整实例
Feb 02 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
Oct 30 Javascript
详解webpack异步加载业务模块
Jun 23 Javascript
JavaScript在控件上添加倒计时功能的实现代码
Jul 04 Javascript
JavaScript实现全选取消效果
Dec 14 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
May 14 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 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
PHP foreach循环使用详解与实例代码
2010/05/08 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019/05/23 PHP
html下载本地
2006/06/19 Javascript
学习YUI.Ext 第二天
2007/03/10 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
js实现感应鼠标图片透明度变化的方法
2015/02/20 Javascript
jquery使用hide方法隐藏指定id的元素
2015/03/30 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
2015/06/08 Javascript
Svg.js实例教程及使用手册详解(一)
2016/05/16 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
2016/11/29 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
微信小程序实战之运维小项目
2017/01/17 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
2017/12/25 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
2019/03/07 Javascript
this.$toast() 了解一下?
2019/04/18 Javascript
Vue 嵌套路由使用总结(推荐)
2020/01/13 Javascript
vue 函数调用加括号与不加括号的区别
2020/10/29 Javascript
下载给定网页上图片的方法
2014/02/18 Python
pandas多级分组实现排序的方法
2018/04/20 Python
TensorFlow 读取CSV数据的实例
2020/02/05 Python
python3.7+selenium模拟淘宝登录功能的实现
2020/05/26 Python
Pycharm制作搞怪弹窗的实现代码
2021/02/19 Python
美国在线眼镜商城:Eyeglasses.com
2017/06/26 全球购物
Bonami斯洛伐克:购买家具和家居饰品
2019/07/02 全球购物
请解释一下webService? 如何用.net实现webService
2014/06/09 面试题
如何唤起类中的一个方法
2013/11/29 面试题
美容师的职业规划书
2013/12/27 职场文书
求职自荐信怎么写
2014/03/06 职场文书
交通事故调解协议书
2014/04/16 职场文书
创先争优公开承诺书
2014/08/30 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
2014年招生工作总结
2014/11/26 职场文书
教师党员自我评价范文
2015/03/04 职场文书
旅游安全责任协议书
2016/03/22 职场文书