Question

I just started looking into Raphael, and every tutorial said that you may draw on an element by doing this:

element = Raphael(elementId); 

Now say I have a bunch of <div> all with class='icon' and I wish to use Raphael to draw the same image on all occurrences of of this div. How would I do so?

Answer 1

What you can do is set up an ‘each’ function and loop over all of the icons and draw on each one. like so,

var papers = []
$(".icon").each(function(index, element){
  papers.push(Raphael(element, "100%", "100%"));
  papers[index].rect(x,y,height,width); //replace this with the code you will use to draw your icon.

});

That should work, but comment if you have any issues.