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 no-repeat写法 背景不重复
Mar 18 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
JavaScript判断变量是否为undefined的两种写法区别
Dec 04 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
javascript定义变量时带var与不带var的区别分析
Jan 12 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
Apr 21 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
May 22 Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
Dec 01 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
JavaScript实现简单的音乐播放器
Aug 14 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/08/14 PHP
ThinkPHP令牌验证实例
2014/06/18 PHP
WordPress中缩略图的使用以及相关技巧
2015/11/24 PHP
thinkphp3.2实现上传图片的控制器方法
2016/04/28 PHP
php源码之将图片转化为data/base64数据流实例详解
2016/11/27 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
jquery.AutoComplete.js中文修正版(支持firefox)
2010/04/09 Javascript
DIV外区域Click后关闭DIV的实现代码
2011/12/21 Javascript
JavaScript版DateAdd和DateDiff函数代码
2012/03/01 Javascript
javascript动态加载三
2012/08/22 Javascript
jQuery常见开发技巧详细整理
2013/01/02 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
详解ES6 Fetch API HTTP请求实用指南
2018/11/14 Javascript
vue项目中实现的微信分享功能示例
2019/01/21 Javascript
vue实现图片上传功能
2020/05/28 Javascript
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
Python cookbook(字符串与文本)在字符串的开头或结尾处进行文本匹配操作
2018/04/20 Python
python实现ID3决策树算法
2018/08/29 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
python批量解压zip文件的方法
2019/08/20 Python
查看keras各种网络结构各层的名字方式
2020/06/11 Python
Python字典实现伪切片功能
2020/10/28 Python
HTML5画渐变背景图片并自动下载实现步骤
2013/11/18 HTML / CSS
BISSELL官网:北美吸尘器第一品牌
2019/03/14 全球购物
元旦晚会感言
2014/03/12 职场文书
黄金酒广告词
2014/03/21 职场文书
2014年“世界无车日”活动方案
2014/09/21 职场文书
公司搬迁通知
2015/04/20 职场文书
小学运动会前导词
2015/07/20 职场文书
MySQL表的增删改查基础教程
2021/04/07 MySQL
MySQL 分区表中分区键为什么必须是主键的一部分
2022/03/17 MySQL
SQL Server 中的事务介绍
2022/05/20 SQL Server