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 相关文章推荐
获取body标签的两种方法
Oct 13 Javascript
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
Apr 07 Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 Javascript
基于jquery的simpleValidate简易验证插件
Jan 31 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
Mar 24 Javascript
jQuery实现边框动态效果的实例代码
Sep 23 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
微信小程序 navbar实例详解
May 11 Javascript
纯js实现的积木(div层)拖动功能示例
Jul 19 Javascript
Angular2 自定义表单验证器的实现方法
Dec 14 Javascript
JavaScript实现的拼图算法分析
Feb 13 Javascript
JavaScript随机数的组合问题案例分析
May 16 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
怎样辨别一杯好咖啡
2021/03/03 新手入门
如何使用PHP中的字符串函数
2006/10/09 PHP
php完全过滤HTML,JS,CSS等标签
2009/01/16 PHP
php cookis创建实现代码
2009/03/16 PHP
CURL状态码列表(详细)
2013/06/27 PHP
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
PHP中如何使用Redis接管文件存储Session详解
2018/11/28 PHP
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
文本框水印提示效果的简单实现代码
2014/02/22 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
2015/08/26 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
2016/12/07 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
vue forEach循环数组拿到自己想要的数据方法
2018/09/21 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
小程序使用分包的示例代码
2020/03/23 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
把项目从Python2.x移植到Python3.x的经验总结
2015/04/20 Python
html5清空画布方法(三种)
2017/10/16 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
Blank NYC官网:夹克、牛仔裤等
2020/12/16 全球购物
学前教育求职自荐信范文
2013/12/25 职场文书
地球物理学专业推荐信
2014/09/08 职场文书
活动宣传稿范文
2015/07/23 职场文书
总结Python变量的相关知识
2021/06/28 Python
Java设计模式之享元模式示例详解
2022/03/03 Java/Android
TV动画「神渣☆爱豆」公开第一弹主视觉图
2022/03/21 日漫