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