Xoay đa chạm với Hammer.js

Question

Tôi gặp khó khăn khi triển khai panning đa chạm với hammer.js. Sự kiện xoay chỉ được kích hoạt với các con trỏ đơn. Nếu tôi cố gắng kéo bằng hai ngón tay, nó sẽ không cháy cho đến khi tôi nhả ít nhất một ngón tay. Tôi có phải làm gì đó đặc biệt cho cấu hình búa không? EDIT: Tôi đã nhận thấy rằng tôi có thể định cấu hình 2 con trỏ cho sự kiện pan, nhưng bây giờ tôi thấy Chrome có tính năng tích hợp sẵn để mở menu ngữ cảnh trên hai ngón tay, phần lớn thời gian sẽ ngăn panning từ được công nhận. Nếu tôi chỉ cần nắm bắt sự kiện 'contextmenu' và gọi preventDefault(), nó sẽ (rõ ràng) hoàn toàn vô hiệu hóa trình nhận dạng pan. Bất kỳ cách nào khác?

BR, Daniel

Answer 1

Bạn nên sử dụng sự kiện 'nhúm'. Để xoay và thu phóng hai ngón tay. Sự kiện PINCH có thuộc tính: 'con trỏ', với các sự kiện ngón tay;

var previous_pinch_delta = { 
     x: 0, 
     y: 0 
    }; 
    hammered.on('pinch', function(e){ 
     camera.pan(e.deltaX-previous_pinch_delta.x, e.deltaY-previous_pinch_delta.y); 
     previous_pinch_delta = { 
      x: e.deltaX, 
      y: e.deltaY 
     }; 
     });