使用CSS和JS的Web应用程序的弯曲菜单

Question

是否可以构建如下(http://www.flickr.com/photos/rohitramesh/9632832969/)

之类的菜单

仅使用CSS和JS？我正在寻找一个带有这样菜单的手机网络应用程序。

Answer 1

是的，这是可能的。

查看这些html canvas上下文命令，它们可以让你创建弯曲的“按钮”作为路径：

• arc（），
• moveTo（），
• lineTo（），
• fillText方法（）

然后检查上下文的isPointInside（），如果用户触摸了其中一个按钮，则点击测试。