Question

Is there any easy way to create a shape like a rhombus in raphael? I suppose there’s no command like:

var paper = new Raphael(document.getElementById('canvas_container'), 600, 600);
var rhombus = paper.rhombus(...);

Maybe there’s an easier way than drawing path. Any idea?

Answer 1

There is nothing like paper.rhombus in Raphael. But you are free to extend the Raphael, so that you get rhombus method, as you have asked.

I have created small fiddle for drawing the rhombus, in the same way you would like.

sample code from the fiddle.

    r.rhombus({
        cx:300,
        cy:300,
        side:15
    });

    // a rhombus rotated around its center.
    r.rhombus({
        cx:600,
        cy:300,
        side:15,
        angle:45
    }).attr({
        'stroke-width' :2
    })

Variable explanation:

cx - center x position
cy - center y position,
side - length of side of the rhombus.
angle - the angle through which the rhombus will be around its center (cx,cy)

learned much about rhombus 🙂