定义手势路径构造函数，定义多手指手势构造函数

QQ896757558

定义手势路径构造函数，定义多手指手势构造函数

1. // 定义手势路径构造函数
   
2. function GesturePath() {
   
3.     this.points = [];
   
4.     this.duration = 0;
   
5. }
   
6. 
   
7. 
   
8. // 设置持续时间的方法
   
9. GesturePath.prototype.setDurTime = function(duration) {
   
10.     this.duration = duration;
    
11. };
    
12. 
    
13. 
    
14. // 添加点的方法
    
15. GesturePath.prototype.addPoint = function(x, y) {
    
16.     this.points.push({ x: x, y: y });
    
17. };
    
18. 
    
19. 
    
20. // 定义多手指手势构造函数
    
21. function MultiFingerGesture() {
    
22.     this.fingers = [];
    
23. }
    
24. 
    
25. 
    
26. // 添加手指轨迹的方法
    
27. MultiFingerGesture.prototype.addFinger = function(gesturePath) {
    
28.     this.fingers.push(gesturePath);
    
29. };
    
30. 
    
31. 
    
32. // 模拟分发多手指手势函数
    
33. function dispatchMultiFingerGesture(multiFingerGesture) {
    
34.     // 检查手指轨迹数组是否为空
    
35.     if (!multiFingerGesture || multiFingerGesture.fingers.length === 0) {
    
36.         return false;
    
37.     }
    
38. 
    
39. 
    
40.     // 遍历每个手指的轨迹，输出点和时间
    
41.     for (var i = 0; i < multiFingerGesture.fingers.length; i++) {
    
42.         var gesture = multiFingerGesture.fingers[i];
    
43.         console.log('Finger ' + (i + 1) + ':');
    
44.         console.log('Duration: ' + gesture.duration + ' ms');
    
45.         for (var j = 0; j < gesture.points.length; j++) {
    
46.             var point = gesture.points[j];
    
47.             console.log('Point ' + (j + 1) + ': (' + point.x + ', ' + point.y + ')');
    
48.         }
    
49.     }
    
50. 
    
51. 
    
52.     return true;
    
53. }
    
54. 
    
55. 
    
56. // 创建多个手指的轨迹
    
57. var finger1 = new GesturePath();
    
58. finger1.setDurTime(600);
    
59. finger1.addPoint(100, 100);
    
60. finger1.addPoint(500, 100);
    
61. finger1.addPoint(800, 200);
    
62. 
    
63. 
    
64. var finger2 = new GesturePath();
    
65. finger2.setDurTime(600);
    
66. finger2.addPoint(100, 200);
    
67. finger2.addPoint(500, 200);
    
68. finger2.addPoint(800, 300);
    
69. 
    
70. 
    
71. var finger3 = new GesturePath();
    
72. finger3.setDurTime(600);
    
73. finger3.addPoint(100, 300);
    
74. finger3.addPoint(500, 300);
    
75. finger3.addPoint(800, 400);
    
76. 
    
77. 
    
78. // 创建多手指手势对象并添加手指轨迹
    
79. var multiFingerGesture = new MultiFingerGesture();
    
80. multiFingerGesture.addFinger(finger1);
    
81. multiFingerGesture.addFinger(finger2);
    
82. multiFingerGesture.addFinger(finger3);
    
83. 
    
84. 
    
85. // 调用分发多手指手势函数
    
86. dispatchMultiFingerGesture(multiFingerGesture);
    

复制代码