raphael - 如何获取使用 raphael 创建的 DOM 对象的 raphael 元素？

Question

使用 Raphael，我可以使用以下代码获取对元素的 DOM 对象的引用:

 element.node

如何获取链接到 DOM 对象的元素？换句话说，上面函数的逆函数(例如 DOMobject.element)。

Answer 1

使用 RaphaelJS 创建的节点具有 raphaelid 属性或非常接近的属性，您可以登录 Chrome DevTools 或类似工具。

因为您知道这个特定的 ID，并且您有一个 Raphael Paper 实例的引用作为 paper 变量，您可以通过以下方式获得元素:

paper.getById(node.raphaelid)

实际上，这是完全没有记录的。 RaphaelJS documentation (Paper.getById section) 中仅记录了 getById 方法

关于无法在 DOM 元素上获取 raphaelid 的评论更新

请看这个jsfiddle about getting raphaelid .

HTML

<div id="c"></div>
<div><code>rect.node.raphaelid</code> : <span id="i"></span></div>
<div><code>rect2.node.raphaelid</code> : <span id="i2"></span></div>

JS

var paper = Raphael(c,400,400);

var rect = paper.rect(100,100,200,200);
var rect2 = paper.rect(150,150,200,200);

i.textContent = rect.node.raphaelid;
i2.textContent = rect2.node.raphaelid;

文本结果

rect.node.raphaelid : 0

rect2.node.raphaelid : 1

RaphaelJS 2.1.0 版的所有这些