I want to be able to represent a door as a triangle, but with the smaller side curved as per the image below.
How can I do this with SVG / Raphael? I understand how to make a triangle but I am unsure what to do with the curved section.
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 want to be able to represent a door as a triangle, but with the smaller side curved as per the image below.
How can I do this with SVG / Raphael? I understand how to make a triangle but I am unsure what to do with the curved section.
Create a path, like any other Raphael path (see the Raphael documentation for path), and include an elliptical arc (A) in its definition.
Here is a JSFiddle with an example: http://jsfiddle.net/XzPzE/362/