带注释插图的arbor.js

Question

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

该计划：

• 固定尺寸的画布
• 将图像绘制到画布上--例如，我使用了头部的轮廓。
• 则有固定和浮动节点的混合。

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);

我遇到的问题是，当我尝试创建一个静态定位的nodeBox示例时。nodeBoxes[node.name] = [50,50, w,w]中断到其他链接节点的链接。

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

非常感谢

​

​

编辑

下面是一个额外的图像，希望能可视化我正在尝试的功能。也许应该先这样做:)

​

Answer 1

在半维斯的例子中，nodeBoxes是一个数组，用来确定从哪里开始绘制边，这样箭头就不会与方框重叠--这就是您使用它的目的吗？

你想要找到一种方法来强迫一个区域内的“大脑位置”节点吗？

请提供更多的细节，你正在计划，我们可能可以这样做。