带有 id 的拉斐尔纸

Question

我遇到过这样的情况：我要向页面添加多篇论文。我在每个对象上绘制了某些矩形和路径对象。我知道如何为每个这样的对象提供 id，但我还没有看到任何向论文本身添加 id 的示例。我需要更改纸张内矩形的单击事件的对象。为此，我想清除旧对象并绘制新对象。问题是我正在重复使用论文的变量。因此，该变量包含对最新论文的引用，但这不是我想要的。由于这一切，我想知道是否可以为每张纸附上一个 ID 并检索纸张，然后使用它。 欢迎任何建议。 卡维塔

嗨， 我无法从已单击的形状中获取纸质对象！ this.paper、$(this).paper 不起作用。 任何帮助将不胜感激...

Answer 1

看看这个fiddle。 设置事件处理程序

$(object.node).mouseover(function() {...})

如果您使用类似于在函数中引用 this 的方式 ，则它引用的是 DOM 节点，而不是 Raphael 对象。因此，您无法访问 Raphael 的属性或方法。我能够让它工作的唯一方法是在事件数据中传入 Raphael 对象，如下所示：

$(object2.node).mouseover({rObj: object2},
                           function (e) {
                               e.data.rObj.paper.clear();
                           });