gpt4 book ai didi

javascript - 在最接近当前鼠标点的 svg 笔画上查找点的有效方法?

转载 作者:行者123 更新时间:2023-12-01 16:16:41 25 4
gpt4 key购买 nike

当用户将鼠标光标移动到 svg 路径的笔划附近时,我想在离当前鼠标点最近的点的笔划上显示一个圆圈。想到的唯一解决方案是手动解析 SVG 数据并找到最近的点检查路径的所有段。这个的实现是相当复杂的,而且可能太慢了。我可以在当前笔画之上绘制宽度更大的透明笔画,并使用 SVG HitTest 功能来检测该点是否接近笔画,但是有什么方法可以确定笔画的相应“中心”点吗?

最佳答案

有趣,但太牵扯到这里要解决的问题。您可能需要自己进行一些计算。您可能会找到方法 getPointAtLength有用。如果您习惯于使用像 D3 这样的库,您也可以在那里找到一些帮助函数。我认为解决这个问题的好方法是分割你的路径并使用 Voronoi 镶嵌。您可以在此处找到代码和演示:

https://bl.ocks.org/mbostock/8027835

关于javascript - 在最接近当前鼠标点的 svg 笔画上查找点的有效方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63439727/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com