在 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);
});