title: How to clip content using a rect element in raphaeljs?
body: <p>How a <code>rect</code> 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.</p>
  
  <pre><code>&lt;clipPath id="clipper"&gt;
      &lt;rect x="0" y="0" height="160" width="250"/&gt;
  &lt;/clipPath&gt; 
  &lt;g clip-path="url(#clipper)"&gt;
  ...
  ...
  &lt;/g&gt;
  </code></pre>
  
  <p>Or is there any other method using rapaheljs for creating a clipping rectangle like this ?
  Any help would be appreciated. Thanks.</p>