I have been given a file by a designer that I’m required to develop. They’re asking me to do a curved/arching menu:
Is this possible to create? I’ve never come across something like this before and am baffled as to approach this.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have been given a file by a designer that I’m required to develop. They’re asking me to do a curved/arching menu:
Is this possible to create? I’ve never come across something like this before and am baffled as to approach this.
You might be able to do it with
canvas. See the answer to Is there a way to curve / arc text using CSS3 / Canvas for a sample. Note thatcanvasis not supported by IE8 and earlier, but it is otherwise pretty widely supported in modern browsers.You might also want to look at this tutorial on drawing a sine wave with
canvassince the menu in your image is somewhat sine wave shaped.That’s a lot of work though for something like this, though. Instead, you can just make it a big image and use a
mapelement to make an image map.You could also consturct it out of a series of small images.