javascript - 拉斐尔 JS : How to get Raphael element from Dom object(Element. 节点)？

Question

我尝试使用 Raphael 的节点函数来获取 DOM 对象并为上下文菜单添加一个事件处理程序。但是，我需要从 DOM 对象的事件处理程序中获取 Raphael 元素吗？

为清楚起见，示例代码应如下所示

var circle = paper.circle(100, 100, 100);
var domObject = circle.node;
var ele = domObject.get(0).raphael; // It's required in the domObject's event handler

有谁知道如何实现它？

Answer 1

只需很少的额外工作即可直接完成这项工作。假设您有所有可用的 jquery contextMenu 资源(js、css、任何图像)和 Raphael 论文 paper:

var x = 200, y = 200, r = 100, fs = 36;
var circle = paper.circle( x, y, r ).attr( { fill: 'red', 'fill-opacity': 0.5 } );
var label = paper.text( x, y, "CLICK" ).attr( { fill: 'white', 'fill-opacity': 0.75, 'font-size': fs, 'font-weight': 800 } );
var set = paper.set( circle, label );
$(set.node).contextMenu( { menu: 'myMenu' } );

可以看到这段代码mocked up at my website .上下文菜单与我的 CSS 冲突存在一些问题，但您可以看到基本功能就在那里。