获取相对于SVG元素的鼠标坐标

Question

我正在使用GSAP来将svg圆x-position补间到鼠标clientX。

圆圈在页面的左侧，当我单击圆圈原点附近时，一切正常。但是，当我在圆圈的右侧单击得更多时，补间的圆环在单击鼠标的位置的右​​侧越来越远。

这是我用于补间之后圆的最终位置的代码。

var offSet = sliderLine.getBoundingClientRect().x;
var newx = e.clientX - offSet;
TweenMax.to(sliderKnob, 0, {x:newx})