Javascript实现双指控制图片功能的方法

小编给大家分享一下Javascript实现双指控制图片功能的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

创新互联于2013年创立,先为颍州等服务建站,颍州等地企业,进行企业商务咨询服务。为颍州企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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实现双指控制图片功能的方法
URL分享:http://www.hxwzsj.com/article/jedceo.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 定制网站设计 成都网站建设公司 成都网站制作 成都网站制作 响应式网站设计方案 温江网站设计 LED网站设计方案 重庆网站制作 手机网站制作 企业网站建设 泸州网站建设 手机网站建设套餐 响应式网站设计 梓潼网站设计 成都网站建设 成都网站建设公司 成都网站制作 自适应网站建设 网站制作 宜宾网站设计 成都网站设计公司 企业网站设计