arbor.js для аннотированной иллюстрации - PullRequest
1 голос
/ 18 марта 2012

Я надеюсь использовать 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);

Проблемы, с которыми я сталкиваюсь, состоят в том, что когда я пытаюсь создать статически расположенный нод, например nodeBoxes[node.name] = [50,50, w,w] разрывает связь с другими связанными узлами.

Я работаю с файлом halfvis / src / renderer.js из скачанного файла arbor.

Большое спасибо

annotated illustration

EDIT

Ниже приведено дополнительное изображение, которое, я надеюсь, отображает функциональность, которую я пытаюсь использовать. Наверное, следовало сделать это первым :) enter image description here

1 Ответ

0 голосов
/ 12 апреля 2012

nodeBoxes, в примере с Halfvis, это массив, используемый для определения, где начинать рисовать края, чтобы стрелки не перекрывались с полями - для этого вы его используете?

Вы пытаетесь найти способ форсировать узел «положения мозга» внутри области?

Пожалуйста, предоставьте немного больше информации о том, что вы планируете, и мы, вероятно, можем сделать это.

...