当你用下列代码画一个矩形,然后click it,照例应该会popup alert
var paper = Raphael("canvas", 600, 480);
var rect = paper.rect(10, 40, 50, 50);
rect.click(function () {
alert('hello');
});
但实际上并不会popup alert,是不是写错代码了?
搞了半天,SHIT!! 原来上面代码返回的是一个空心的矩形,那么你click矩形的中间就不会有反应,你只有点到边框才有反应。
你只有画实心的矩形才使得点矩形中间也会有反应。用下列代码
var paper = Raphael("canvas", 600, 480);
var rect = paper.rect(10, 40, 50, 50);
rect.attr({fill: "#fff"})
rect.click(function () {
alert('hello');
});