在svg元素上设置自定义属性（Raphael）

Question

当我将id设置为svg element

时

var circle = paper.circle(x, y, r);
circle.node.id = 'circle-id';

一切都很好，我可以在使用调试器浏览文档时看到这样的预期结果：

<circle cx="320" cy="240" r="4" fill="none" stroke="#000" id="circle-id" />

然后我可以通过document.getElementById方法或jQuery获取此元素。 但添加一些其他属性失败。如果我尝试添加属性custom：

circle.node.custom = 'custom-attr';

我认为没有效果。

我们可以使用Raphael将哪些属性添加到SVG元素以及如何添加任意属性？

Answer 1

node是一个DOM元素，id是元素的标准属性，可以快速读取/写入其值。使用setAttribute方法设置非标准属性。

circle.node.setAttribute('custom', 'custom-attr');