使用Javascript节点位置的像素在特定图像上绘制图形节点和链接

问题描述

我正在研究 Flask API，我想可视化一个将在画布上绘制的带有给定背景图像的图形，我尝试使用 Html Canvas 并绘制圆（节点）和线（边），但是如果有一个图书馆会很热闹。所以，我正在寻找一个符合以下要求的 javascript 库：

1. 能够在 HTML Canvas 上绘制图形
2. 对于每个节点，我都有像素（x 和 y）的位置

经过几天的搜索，我找到了Sigma.js、vis.js、D3....但有时文档不够，有时我不知道如何在我的文档中使用给定的示例案例 (https://visjs.github.io/vis-network/examples/network/exampleApplications/neighbourhoodHighlight.html)。 我还发现了这个：

因为我有 200 个节点，所以我正在寻找这样的东西，并且可以设置每个节点的位置和背景图像。 提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）