Question

How a rect element can be used for clipping the content using rapaheljs ? I achieved this by creating the elements manually. The markup I created is given below and now I want to do this with raphaeljs.

<clipPath id="clipper">
    <rect x="0" y="0" height="160" width="250"/>
</clipPath> 
<g clip-path="url(#clipper)">
...
...
</g>

Or is there any other method using rapaheljs for creating a clipping rectangle like this ?
Any help would be appreciated. Thanks.

Answer 1

In Raphaël this is how:

elm.attr({clip-rect: "0 0 160 160"})

…where elm is the <g> element in your example.