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文件中的halfvis / src / renderer.js文件。

非常感谢

修改

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

Answer 1

在半局示例中，

nodeBoxes是一个数组，用于计算从哪里开始绘制边缘，这样箭头不会与框重叠 - 这是你用它做什么的？

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

请详细说明您的计划，我们可以做到这一点。