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语言中的Literal Syntax特性分析
Mar 08 Javascript
什么是DOM(Document Object Model)文档对象模型
Mar 05 Javascript
批量实现面向对象的实例代码
Jul 01 Javascript
jQuery Form 页面表单提交的小例子
Nov 15 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
JS实现拖动滚动条评分的效果代码分享
Sep 29 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
Oct 28 Javascript
jquery实现下拉框左右选择功能
Feb 21 Javascript
利用原生JS与jQuery实现数字线性变化的动画
Feb 24 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
js+canvas实现纸牌游戏
Mar 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
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
分享PHP入门的学习方法
2007/01/02 PHP
PHP 程序员应该使用的10个组件
2009/10/31 PHP
php循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
支付宝接口开发集成支付环境小结
2015/03/17 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
PHP Cookie学习笔记
2016/08/23 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
2016/12/05 PHP
PHP连接MySQL数据库操作代码实例解析
2020/07/11 PHP
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
在Node.js应用中使用Redis的方法简介
2015/06/24 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
给easyui的datebox控件添加清空按钮的实现方法
2016/11/09 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
2016/12/25 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
Webpack4 使用Babel处理ES6语法的方法示例
2019/03/07 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
2019/05/15 Javascript
使用Python绘制图表大全总结
2017/02/11 Python
Python 通过pip安装Django详细介绍
2017/04/28 Python
Python将图片转换为字符画的方法
2020/06/16 Python
对Django中内置的User模型实例详解
2019/08/16 Python
解决pytorch 保存模型遇到的问题
2021/03/03 Python
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
德国便宜的宠物店:Brekz.de
2020/10/23 全球购物
我为党旗添光彩演讲稿
2014/09/10 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
贪污受贿检讨书范文
2014/11/19 职场文书
财务个人年度总结范文
2015/02/26 职场文书
生产设备维护保养制度
2015/08/06 职场文书
SpringBoot实现异步事件驱动的方法
2021/06/28 Java/Android