欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

Javascript如何实现双指控制图片功能

时间:2021-09-27 09:44:02|栏目:JavaScript代码|点击:

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;
  }

上一篇:ajax异步读取后台传递回的下拉选项的值方法

栏    目:JavaScript代码

下一篇:JavaScript学习笔记(一) js基本语法

本文标题:Javascript如何实现双指控制图片功能

本文地址:http://www.codeinn.net/misctech/177668.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有