javascript - 使用 JavaScript 获取 SVG 中最近的元素

标签 javascript svg

我正在使用 Verovio将乐谱渲染为 SVG 并在浏览器中显示它们。

对于我的项目,我需要获取距离鼠标指针最近的某种类型的 SVG 元素。由于性能问题,计算所有元素的距离(例如使用 d3.js)不是一个可行的解决方案。

有什么优雅的方法可以做到这一点吗?

最佳答案

您可以使用四叉树最近邻算法。

http://bl.ocks.org/patricksurry/6478178

性能相当不错。

关于javascript - 使用 JavaScript 获取 SVG 中最近的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31239599/

相关文章:

javascript - Bootbox 回调表单提交无法正常工作

javascript - 将 jQuery tablesorter 与 thead 结合起来 : How to assign final html output?

javascript - 直接与委托(delegate) - jQuery .on()

javascript - 如何动态添加图层和更新图层控件: leaflet

animation - 在 SVG 中定义圆/弧动画

java - 如何通过java代码将VML转换为SVG或VML转换为位图图像?

javascript - 未捕获的类型错误 : Cannot read property 'position' of undefined (D3. JS)

html - 智能手机浏览器打破 SVG 图像

javascript - 我怎样才能使这个幻灯片代码片段无限循环(我当前的代码不起作用,我不知道我在哪里犯了错误)

css - 流体内联 svg 增长以占据 flex 行中文本旁边的所有空白空间