0

I am drawing a graph (network), like this:

graph

I would like to be able to reposition my vertices (grey circles) without having to meticulously reposition all my edges.

Here's what I've tried:

  1. draw the edge lines to end at the CENTER of the vertex; then dragging the vertex DOES make all edges still line up correctly, but the arrowheads are inside the vertex (maybe I can set the arrowheads "back" from the end, like how "align" lets me set the arrowheads "forward" from the end?)
  2. draw the edge lines to end on the edge of the vertex; then the arrow heads are (correctly) on the perimeter of the vertex, but moving the vertex results in incorrect edge placement:

before -


Is there a way to do this that doesn't require a ton of meticulous work?

1
  • OK this is easier if you disable the option Edit ->Preferences -> Performance -> Real time drawing and editing. Because the old Illustrator devs actually understood something. The result is you can snap to the interaction much much easier because its visible while dragging, and snaps easier. Anyway it is faster to just use use shape builder while holding alt down. Other alternative is It relatively easy to script this, ive made this an effect but cant for contractual reasons distribute it. But yeah that is what using direct modelling gets you
    – joojaa
    Commented Sep 23, 2023 at 12:50

1 Answer 1

-1

If it must happen in Illustrator, not in any external flowchart application, you can do this:

enter image description here

In the left all black items which will be moved are selected with the direct selection tool by dragging from corner to corner over the area marked with the red dashed rectangle.

In the right the selected items (=all selected anchor points) are moved with the direct selection tool.

This unfortunately causes the arrows do not any more point to the center. As a workaround you can use a custom arrowhead which has the visible part at a carefully selected distance from the line end. You can use only circles which have a certain diameter and white fill. The line starts and ends at the center of the circle as you have already tried.

Making custom arrowheads is shown in numerous tutorials.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.