javascript - arbor.js 用于带注释的插图

Question

我希望使用 arbor.js 作为创建带注释插图的方式。

计划:

• 固定尺寸​​ Canvas
• 将图像绘制到 Canvas 上 - 作为示例，我使用了头部轮廓。
• 然后混合使用固定节点和 float 节点。

<小时/>

var data = {
               nodes:{
                 brain-position:{},
                 brain-text:{'color':'green','shape':'dot','label':'brain'},
                 mouth-position:{},
mouth-text{'color':'green','shape':'dot','label':'mouth'},
               }, 
               edges:{
                 brain-position:{ brain-text },
mouth-position:{mouth-text}
               }
             };
            sys.graft(data);

我遇到的问题是，当我尝试创建一个静态定位的节点框时，例如。nodeBoxes[node.name] = [50,50, w,w] 它破坏了与其他链接节点的链接。

我正在修改下载的 arbor 文件中的 halfvis/src/renderer.js 文件。

非常感谢

编辑

下面是一张附加图像，希望能够直观地展示我正在尝试的功能。也许应该先这样做:)

Answer 1

nodeBoxes，在 halfvis 示例中，是一个数组，用于确定从哪里开始绘制边缘，以便箭头不会与框重叠 - 这就是您使用它的目的吗？

您是否正在尝试找到一种方法来强制“大脑位置”节点位于某个区域内？

请提供更多关于您计划的细节，我们或许可以做到。