如何用JavaScript编写双指缩放图片的功能代码？

本文共计310个文字，预计阅读时间需要2分钟。

JavaScript 实现双指放大缩小旋转图片 1. 记录屏幕上的手指数量（记录方法：按下+1，放开-1） 2. 记录每个手指在屏幕上的坐标 3. 记录每个手指的Touch ID（不同手指的Touch ID不同） 4. 使用数组存储以上信息 shouzhis[touchid]={x, y}

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。