AncomWiki

Chrome M37 Precision Touch (TouchEvents Float Coordinates)

Properties1
descriptionChrome M37(2014)부터 TouchEvents의 좌표값이 정수에서 부동소수점(float)으로 변경되어, 고해상도(HiDPI) 화면에서 터치 제스처의 정확도와 부드러움이 향상되었습니다. 기존에는 CSS 픽셀 단위로 반올림하여 중간 단계의 움직임을 놓쳤으나, float 적용으로 물리 픽셀 수준의 정밀한 좌표를 제공하여 느린 제스처 시 애니메이션이 더 매끄러워집니다. 기존 코드 수정은 일반적으로 필요 없으며, 모바일 Sa…

8 min read

Chrome M37 Precision Touch (TouchEvents Float Coordinates)

Source

  • Evernote/Inbox/Precision Touch for Precise Gestures.md

Summary

Chrome M37(2014)부터 TouchEvents의 좌표값이 정수에서 부동소수점(float)으로 변경되어, 고해상도(HiDPI) 화면에서 터치 제스처의 정확도와 부드러움이 향상되었습니다. 기존에는 CSS 픽셀 단위로 반올림하여 중간 단계의 움직임을 놓쳤으나, float 적용으로 물리 픽셀 수준의 정밀한 좌표를 제공하여 느린 제스처 시 애니메이션이 더 매끄러워집니다. 기존 코드 수정은 일반적으로 필요 없으며, 모바일 Safari에도 동일 개선이 계획되었습니다.

Key Points

  • Chrome M37부터 TouchEvents 좌표(clientX/Y 등)가 정수에서 float로 변경됨
  • 고해상도 화면(pixel density > 1)에서 터치 위치 정확도 향상
  • CSS 픽셀 반올림으로 인한 제스처 끊김 현상 해결, 부드러운 애니메이션 가능
  • 기존 코드 호환성 유지(수정 불필요), 모바일 Safari에도 적용 예정

그래프 뷰

백링크