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 相关文章推荐
浅析JavaScript中的typeof运算符
Nov 30 Javascript
多个$(document).ready()的执行顺序实例分析
Jul 26 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
JavaScript学习小结(7)之JS RegExp
Nov 29 Javascript
详解angular中如何监控dom渲染完毕
Jan 03 Javascript
原生js实现淘宝购物车功能
Jun 23 Javascript
Angular中实现树形结构视图实例代码
May 05 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
Aug 31 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
Jun 15 Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 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隐形一句话后门,和ThinkPHP框架加密码程序(base64_decode)
2011/11/02 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
jquery tab标签页的制作
2010/05/10 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
javascript字符串拼接的效率问题
2010/12/25 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
2016/08/24 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
2017/01/20 Javascript
AngularJS中$http使用的简单介绍
2017/03/17 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
JS数组操作中的经典算法实例讲解
2017/07/26 Javascript
nodejs async异步常用函数总结(推荐)
2017/11/17 NodeJs
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
2018/08/06 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
JS判断数组四种实现方法详解
2020/06/29 Javascript
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
Pandas 同元素多列去重的实例
2018/07/03 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
python:动态路由的Flask程序代码
2019/11/22 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
在Python中使用K-Means聚类和PCA主成分分析进行图像压缩
2020/04/10 Python
Python turtle库的画笔控制说明
2020/06/28 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
美国价格实惠的在线眼镜网站:Zeelool
2020/12/25 全球购物
CLR与IL分别是什么含义
2016/08/23 面试题
大学生简历的个人自我评价
2013/12/04 职场文书
后进生转化工作制度
2014/01/17 职场文书
社区先进事迹材料
2014/05/19 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
golang中的并发和并行
2021/05/08 Golang
详解Go语言Slice作为函数参数的使用
2021/07/02 Golang
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android