Javascript Raphael js如何在每个站点中包含多个图标？使用类而不是ID

如何在一个站点上包含Raphaël（）中的多个图标

我还没有通过class=“icon”将它们包括进来，只是使用id=“icon”。因为我的JavaScript不是很好，我在网上搜索了一下，但什么也没找到

我在博客上找到的唯一东西是：

    bubble: "M16,5.333c-7.732,0-14,4.701-14,10.5c0,1.982,0.741,3.833,2.016,5.414L2,25.667l5.613-1.441c2.339,1.317,5.237,2.107,8.387,2.107c7.732,0,14-4.701,14-10.5C30,10.034,23.732,5.333,16,5.333z",

a = j[b]("column-1")[f]("h2");
for (var z = a.length; z--;) {
   l = a[z];
   l && g(l[f](i)[0], 32, 32).path(k.bubble).attr(m);
}

js

博客

因为他在每篇文章前的一段时间里使用了“泡泡”

有没有办法将其包含在类中而不是ID中？这是我如何通过ID将其包括在内的

var example = Raphael("example", 50, 60);
example.path("icon-string").attr({fill: "#fff", stroke: "#333"});

然后通过

<span id="example">

---

您需要将元素放入数组中，然后在其上循环：

var elements = document.querySelectorAll('.paper');
for (i=0; i<elements.length; i++) {
    paper = Raphael(elements[i], 50, 50)
    paper.path(bubble).attr({"fill": "#333"})
}

您可以在此处找到演示：

---

没问题，我重构了jQuery版本，因为我在写它的时候，我的思维是纯js：）@Duopixel我理解在选择器上循环查找文档中的所有类，这允许我使用类而不是Id。但是我不理解paper.path（bubble）。。。。。。请告诉我这是怎么做的。

气泡

只是路径字符串，即

“M 0,0 L 100100 L200100 Z”

，因此在OP的代码中，这将在带有类

图标的每个div元素上放置一个气泡图标

。

$('.paper').each(function(i){
        paper = Raphael($(this)[0], 50, 50)
        paper.path(bubble).attr({"fill": "#333"})
})