【问题标题】:d3 zooming to mouse location, not the centroidd3缩放到鼠标位置,而不是质心
【发布时间】:2013-12-19 16:25:18
【问题描述】:

我有一个州的县地图。

我正在使用此处的代码 http://bl.ocks.org/mbostock/2206590 来实现地图缩放。

原来的例子是这样的:

这很好用,用户点击一个状态并使用状态质心对其进行缩放和居中。是否可以使用鼠标位置作为缩放点?这似乎很容易,但我不确定如何获取鼠标坐标。

【问题讨论】:

    标签: d3.js zooming


    【解决方案1】:

    使用d3.event.xd3.event.y 代替计算出的质心。见here

    【讨论】:

    • 获取 x 和 y 的 NaN。我将 de.event 打印到控制台,我看到了 clientX 和 clientY。这些是鼠标位置吗(例如 x = d3.event.clientX)
    • 似乎是火狐的问题。您的示例适用于 chrome,但不适用于 FF。我正在 FF 中开发并使用 x = d3.event.clientX 在那里工作。感谢您的帮助。
    猜你喜欢
    • 1970-01-01
    • 2020-05-28
    • 2022-01-21
    • 2013-03-26
    • 2015-04-20
    • 2018-03-07
    • 2015-07-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多