javascript - D3 中的鼠标位置

Question

我只想通过以下代码使用 D3 获取鼠标位置:

var x = 0;

svg.on('mousemove', function () {
   x = d3.mouse(this)[0];         
});

但是 x 总是等于 0。通过使用 console.log()，我可以看到 x 值在 function() 内部发生了变化，但在 之外>x 的初始值为 0。

如何保存 x 值并稍后在我的应用程序中使用它？

Answer 1

你必须使用数组。这将像这样存储 x 和 y:

var coordinates= d3.mouse(this);
var x = coordinates[0];
var y = coordinates[1];

// D3 v4
var x = d3.event.pageX - document.getElementById(<id-of-your-svg>).getBoundingClientRect().x + 10
var y = d3.event.pageY - document.getElementById(<id-of-your-svg>).getBoundingClientRect().y + 10