javascript - Raphael JS + 点击处理程序

Question

当我点击立方体的特定面时，我试图让一个“3d”立方体来听我的点击，但我不断收到错误。

代码:http://jsfiddle.net/qa3P7/1/

在winload函数中，我添加了以下代码:

cube.object[0].click(function(){
    alert('test');
});

但它返回:Object #<Object> has no method 'click'

当我这样做时:cube.object[0] ，我确实得到了立方体的正确“面”:

cube.object[0]
Object
bl: Array[3]
br: Array[3]
c: "url("img/cube/bianco.jpg")"
clip: 123.18126918267271
id: "face_2"
normal: Array[2]
object: z
shadow: null
tl: Array[3]
tr: Array[3]
__proto__: Object

我对这一切都很陌生，经过几个小时的尝试和研究，我陷入了困境。

Answer 1

这是有问题的，因为立方体的每个可见面都会在每个帧上重新重新绘制(请参阅drawFrame)，并且.click()是Raphael的一种方法路径，在本例中称为face.object。您可以尝试在每次重新绘制脸部时重新分配点击处理程序，但我认为更好的方法是捕获 Canvas 级别上的点击并手动识别光标下的脸部。