在RaphaelJS的点之间画一条粗线

Question

我想在这个jsfiddle中用一条线连接两个点。当我单击蓝色圆圈时，它会在鼠标移动后自动生成一条线。然后我点击红色圆圈绘制线条。

问题是：当我将线宽设置为大于1.

node.attr("stroke-width", "5");

红圈的点击功能已经死了。

Answer 1

问题是较粗的线条妨碍了鼠标坐标，尝试这样的事情：

$("#raphaelContainer").bind('mousemove', function(e) {
    x = e.offsetX + 5;
    y = e.offsetY + 5;
    line.updateEnd(x, y);
});