javascript - Raphaël JS paper.getById() 返回 null

Question

我尝试使用 getById() 函数获取 Raphaël 对象，但是无论我尝试什么，该函数都会返回 null。

这是我正在使用的 Raphaël JS 代码:

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);

var circle = paper.circle(100, 100, 100);
circle.attr({"fill": "#f00", "id": "test"});
circle.data("id", "test");

var getCircle = paper.getById("test");

alert(getCircle); //Returns null?

为什么paper.getById("test");不返回圆对象？

我已经使用 attr() 和 data() 定义了 ID，但似乎没有任何效果。

上述代码的JsFiddle:http://jsfiddle.net/Mf9q6/

Answer 1

阅读documentation仔细:

Returns you element by its internal ID.

这与元素上的 id 属性不同。 Paper.getById() 期望的 id 是 Element.id

您可能想要 var getCircle = paper.getById(circle.id); 无论如何，它只是对与 circle 相同的对象的引用。

Here's your fiddle, updated .