Javascript如何实现双指控制图片功能
更新时间：2020年02月25日 10:04:51 作者：newmiracle宇宙
这篇文章主要介绍了Javascript如何实现双指控制图片功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
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;
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了微信小程序实现图片上传、删除和预览功能的方法,涉及微信小程序界面布局、事件响应及图片操作相关实现技巧,需要的朋友可以参考下2017-12-12
React Native JSI实现RN与原生通信的示例代码
本文主要介绍了React Native JSI实现RN与原生通信的示例代码，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
阻止别人不那么容易下载或查看到你的CSS文件,高手可能阻止不了,不过新手们一时会不知所措,费一番周折了2009-10-10
这篇文章主要介绍了js实现头像图片切割缩放及无刷新上传图片的方法,涉及javascript结合php实现文件无刷新上传等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了JS+CSS实现可以凹陷显示选中单元格的方法,实例分析了javascript操作css的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
前端图片懒加载(lazyload)的实现方法(提高用户体验)
图片懒加载又称图片延时加载、惰性加载，即在用户需要使用图片的时候加载，这样可以减少请求，节省带宽，提高页面加载速度，相对的，也能减少服务器压力,下面通过本文给大家分享图片懒加载lazyload的实现方法，感兴趣的朋友一起看看吧2017-08-08
这篇文章主要介绍了Javascript显示和隐藏ul列表的方法,涉及javascript针对页面元素遍历及显示与隐藏的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
javascript中call,apply,callee,caller用法实例分析
这篇文章主要介绍了javascript中call,apply,callee,caller用法,结合实例形式分析了javascript中call,apply,callee,caller功能、使用方法及相关操作注意事项,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了js获取图片的base64编码并压缩，帮助大家更好的理解和使用js，感兴趣的朋友可以了解下2020-12-12
下面小编就为大家带来一篇纯JS焦点图特效实例(可一个页面多用)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
最新评论