Sentuhan presisi untuk gestur yang akurat

Perubahan diterapkan dalam penerapan TouchEvents Chrome mulai M37 (stabil pada 08/2014), yang mengubah koordinat yang dilaporkan menjadi float, bukan bilangan bulat.

Sebelum Setelah
clientX: 167
clientY: 196
halamanX:   167
halamanY:   196
radiusX: 26
radiusY: 26
screenX: 167
screenY: 277
clientX: 167.33299255371094
clientY: 195.66700744628906
pageX: 167.33299255371094
pageY: 195.667007446289306



Hasil perubahan ini berarti Anda mendapatkan respons yang lebih halus terhadap gestur pengguna karena memberikan akurasi posisi jari yang lebih tinggi.

Dengan menggunakan demo Rick Byers, Anda dapat melihat perbedaan besar yang dapat dihasilkan saat menggambar pusaran perlahan.

Perbedaan Peristiwa Sentuh.

Tindakan ini hanya akan memengaruhi layar yang memiliki kepadatan piksel lebih besar dari 1. Untuk memahami alasannya, mari lihat contoh berikut.

Bayangkan Anda memiliki petak 3x3 piksel CSS dan kepadatan layar adalah 3, artinya kita memiliki petak piksel fisik 9x9 dan gestur pengguna dari kiri atas ke kanan bawah.

Piksel CSS dan petak piksel layar.

Awalnya, kami membulatkan posisi sentuhan ke piksel CSS terdekat, yang berarti dalam gestur ini Anda akan mendapatkan langkah-langkah berikut.

Presisi piksel CSS selama gestur.

Kita melewatkan salah satu langkah perantara yang dapat ditunjukkan oleh piksel fisik saat pengguna menggerakkan jari mereka.

Sekarang setelah kita beralih ke {i>float<i}, {i>gesture <i}kita bisa terlihat seperti ini.

Presisi mengambang selama gestur.

Umumnya, hal ini tidak memerlukan perubahan dalam kode Anda, tetapi hal ini berarti setiap animasi atau gerakan yang Anda lakukan sebagai hasil TouchEvents akan lebih halus, terutama untuk gestur lambat.

Ada juga rencana untuk menghadirkan peningkatan ini pada Safari seluler: https://bugs.webkit.org/show_bug.cgi?id=133180.