如何在具有特定类的每个元素上绘制拉斐尔图
How to have raphael graph on each element with a certain class?
我刚开始研究Raphael,每个教程都说你可以通过这样做来绘制一个元素:
element = Raphael(elementId);
现在假设我有一堆<div>
和class='icon'
,我希望用Raphael在这个div的所有出现上绘制相同的图像。我该怎么做?
您可以设置一个"each"函数,在所有图标上循环并在每个图标上绘制。像这样,
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.
});
这应该有效,但如果你有任何问题,请发表评论。
相关文章:
- Html画布绘制速度因画布元素过多而减慢
- 画布-绘制的线,但没有显示在谷歌检查元素
- 在元素上绘制边框,但不捕获事件
- 如何在画布元素上绘制视频
- 绘制DOM元素:鼠标事件会被背景元素混淆
- 未捕获的类型错误:对象#<HTML对象元素>没有方法'重新绘制工作流'
- 使用javascript绘制多个以数组元素为文本中心的圆
- 是否可以指示浏览器首先绘制页面的哪些元素
- 如何在正确的位置绘制画布元素
- 如何确定浏览器何时完成绘制插入的元素
- 在画布元素上动态绘制
- 如何在拉斐尔中获取绘制的矩形元素
- 如何在带有触摸的PhoneGap中的画布元素上绘制
- 为什么ctx.drawImage只将视频元素的一部分绘制到画布上
- 在重新排序DOM时,如何重新绘制和重新组织同位素容器中的元素
- Javascript 将动态图像从 URL 绘制到画布元素上
- 为什么画布绘制图像在使用 dom 图像元素时不起作用
- 使用数据表(Meteor Tabular)在新行中绘制数组的每个元素
- 如何绘制多条线,数组的每个元素一条线包含vega规范数据中的y值
- SVG:在子元素内部绘制