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

Question

是否可以构建如下菜单（http://www.flickr.com/photos/rohitramesh/9632832969/）

只使用 CSS 和 JS？我正在寻找为具有类似菜单的手机制作的网络应用程序。

Answer 1

是的，这是可能的。

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

• 弧（），
• 搬去（），
• 线到（），
• 填充文本（）

然后检查上下文的 isPointInside() 以测试用户是否触摸了其中一个按钮。