注釈付き図解用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]他のリンクされたノードへのリンクが切断されます。

ダウンロードしたアーバーファイルから、halfvis/src/renderer.jsファイルを修正しています。

感謝

EDIT

以下はうまくいけば、私がしようとしていた機能を視覚化する追加の画像です。おそらくこの最初:)

Answer 1

nodeBoxes は、halfvisの例では、矢印はボックスと重複しないように、描画のエッジを開始する場所を仕事に使用される配列であるが行っている必要があります - あなたは何をしているということですそれを使用して？

「脳の位置」ノードを領域内に強制する方法を見つけようとしていますか？

計画していることの詳細をもう少し書いてください。おそらくこれを行うことができます。