Как создать график Рафаэля для каждого элемента определенного класса?

Question

Я только начал изучать Рафаэля, и в каждом уроке говорилось, что вы можете нарисовать элемент, выполнив это:

element = Raphael(elementId); 

Теперь скажите, что у меня есть набор <div>, все с class='icon'Я хочу использовать Рафаэля, чтобы нарисовать одно и то же изображение на всех вхождениях этого div.Как бы я это сделал?

Answer 1

Что вы можете сделать, так это настроить функцию «каждый», перебрать все значки и нарисовать каждую из них.например,

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.

});

Это должно сработать, но прокомментируйте, если у вас есть какие-либо проблемы.