CSS iPod：捕捉點擊輪運動

Question

我正在製作CSS iPod（第一代）。我設法正確地設計了版面，包括點擊轉輪和4個按鈕（菜單，播放/暫停，上一頁，下一首）。 但這些按鈕不是矩形的。但是HTML元素是矩形的。因此，如果用戶點擊「菜單」按鈕，點擊輪將指示收到點擊的那個。 如何準確獲取用戶的預期點擊？

另外我如何檢測點擊輪的滾動？

這是我的iPod。 http://inventikasolutions.com/demo/iPod

Answer 1

您可以使用標籤（見http://www.w3schools.com/tags/tag_area.asp）知道被點擊的特定區域時，創建多邊形的熱點。其他解決方案涉及在畫布中使用顏色貼圖並在同一位置對顏色進行抽樣以確定要採取的操作。

對於滾動，您需要計算當mousedown第一次被觸發時指針相對於輪子中心的角度，並繼續計算角度的變化，因爲mousemove被重複觸發爲指針被拖動。然後，您可以評估角度差異以瞭解滾動發生的速度和速度。