SVG 鼠标指针位置

Question

我想知道如何使用 JavaScript 找出鼠标指针在 SVG viewBox 范围内时的位置。 我是否需要使用事件模型来跟踪所有各种鼠标运动事件，或者是否有一种方法可以轮询鼠标指针，让它在需要时告诉我它在哪里？

Answer 1

您可以挂钩 onmousemove 事件并访问事件对象：（

function on_mouse_move(evt) {
  var
    x = evt.clientX,
    y = evt.clientY;
}

假设 on_mouse_move 连接到 SVG 文档的 onmousemove 事件）。