使用CSS和JS的Web應用程序的曲線菜單

Question

是否可以構建如下的菜單(http://www.flickr.com/photos/rohitramesh/9632832969/)

僅使用CSS和JS？我正在尋找一個類似菜單的手機網絡應用程序。

Answer 1

是的，這是可能的。

查閱這些HTML畫布背景下命令可以讓你創建曲線 「按鈕」 的路徑：

• 弧（），
• 的moveTo（），
• 了lineTo（），
• fillText（）

然後查看上下文的isPointInside（）來命中 - 測試用戶是否觸摸過其中一個按鈕。