CODEWITHSUNDEEP
javascriptcsscanvas
Rohit Ramesh
Rohit Ramesh

Reputation: 51

Curved menu for Web app using CSS and JS

Is it possible to build a menu like below(http://www.flickr.com/photos/rohitramesh/9632832969/)

using only CSS and JS? I am looking to make a web app for phones with a menu like that.

Upvotes: 5

Views: 218

Answers (1)

markE
markE

Reputation: 105035

Yes, it's possible.

Check out these html canvas context commands which will let you create curved "buttons" as paths:

  • arc(),
  • moveTo(),
  • lineTo(),
  • fillText()

Then check out context's isPointInside() to hit-test if the user has touched inside one of the buttons.

Upvotes: 1

Related Questions