javascript - 在 DOM 中获取 raphael id 属性

Question

我已经使用 http://readysetraphael.com/ 将一些 SVG 转换为 Rapahel

这是生成的代码示例:

...
path6233.attr({id: 'path6233' 
...

我查看了 attr 文档，它没有提到 id 作为一个正确的属性。 id 属性也没有添加到 DOM。有没有办法让 raphael 将这个 ID 添加到 DOM 中，以便我可以为元素设置样式？

或者，我能否以某种方式遍历所有路径并将 id 属性轻松添加到真实的 DOM ID？

Answer 1

我以前从未见过 readysetraphael.com - 这非常漂亮。

通过 Raphael paper 元素的 forEach 方法遍历给定 SVG 容器内的所有元素应该相当简单:

var i = 0;
paper.forEach(function (el) 
{
    el.node.setAttribute("id", "node-" + i++ ) );
});

但我要问——既然您已经将 SVG 合并到 Raphael 中，为什么不简单地使用 Raphael 以编程方式设置它们的样式？对你的推理的好奇促使我问。