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被重复触发为指针被拖动。然后，您可以评估角度差异以了解滚动发生的速度和速度。