使用Snap-SVG跟踪光标

Question

我想知道是否有一种使用Snap-SVG在鼠标光标位置显示小圆圈的简单方法。我一直在经历很多API参考，但找不到任何东西。我在某种程度上期待它是一个简单的功能。

Answer 1

你可以将一个处理程序附加到Snap纸上，你可能想要处理纸张所在位置的偏移量，这可能会使它有点笨拙（并且根据布局/滚动/缩放可能会变得更加棘手，但我'我试图让它尽可能简单明了），我已经包含了几个圆圈来强调其差异。

jsfiddle

var s = Snap(400,400);
var c1 = s.circle(0,0,10).attr({ fill: "red" });
var c2 = s.circle(0,0,10).attr({ fill: "blue" });

function moveFunc( ev, x, y ) {
    c1.attr({ cx: x , cy: y });
    c2.attr({ cx: x - s.node.offsetLeft, cy: y - s.node.offsetTop });
};

s.mousemove( moveFunc );