javascript - 在 svg 元素上设置自定义属性 (Raphael)

Question

当我将 id 设置为 svg 元素时

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" />

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

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

我看没有效果。

我们可以使用 Raphael 向 SVG 元素添加什么样的属性以及如何添加任意属性？

Answer 1

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

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