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 相关文章推荐
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
Feb 05 Javascript
ExtJs之带图片的下拉列表框插件
Mar 04 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
js倒计时显示实例
Dec 11 Javascript
angular.js中解决跨域问题的三种方式
Jul 12 Javascript
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
浅谈node模块与npm包管理工具
Jan 03 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
Jan 31 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
May 29 Javascript
openlayers实现地图测距测面
Sep 25 Javascript
JavaScript实现简易计算器小功能
Oct 22 Javascript
js 执行上下文和作用域的相关总结
Feb 08 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 文件系统详解
2012/09/13 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
greybox——不开新窗口看新的网页
2007/02/20 Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
2009/12/28 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
2013/10/15 Javascript
js获取当前路径的简单示例代码
2014/01/08 Javascript
javascript计算星座属相(十二生肖属相)示例代码
2014/01/09 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
javascript事件模型介绍
2016/05/31 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
[05:46]DOTA2英雄梦之声_第18期_陈
2014/06/20 DOTA
[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局
2016/02/26 DOTA
Python函数学习笔记
2008/10/07 Python
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
python将unicode和str互相转化的实现
2020/05/11 Python
关于webview适配H5上传照片或者视频文件的方法
2020/11/04 HTML / CSS
英国网上花店:Bunches
2016/11/29 全球购物
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
澳大利高级泳装品牌:Bondi Born
2018/05/23 全球购物
土木工程毕业生推荐信
2013/10/28 职场文书
学年自我鉴定
2014/01/16 职场文书
新学期家长寄语
2014/01/19 职场文书
珍珠鸟教学反思
2014/02/01 职场文书
小学毕业典礼主持词
2014/03/27 职场文书
《神奇的克隆》教学反思
2014/04/10 职场文书
授权委托书(完整版)
2014/09/10 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
党小组考察意见
2015/06/02 职场文书
七一表彰大会简报
2015/07/20 职场文书
2016党员发展对象培训心得体会
2016/01/08 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js
Selenium浏览器自动化如何上传文件
2022/04/06 Python