How to make an arrow object?

#1 · August 30, 2019, 11:52 am

I need to make arrows between other objects.

And I need the ability to use the program to change the color of the arrows.

What is the best way to do this (as in the attached screenshot)?

The screenshot shows my program made in VisualNEO Win. I want to repeat this in VisualNEO Web.

Uploaded files:

You need to login to have access to uploads.

#2 · August 30, 2019, 7:30 pm

Hi @vadim, take a look at the attached sample app please.
I have added two subroutines "DrawArrow" and "RemoveArrow" to draw arrows very easily.
It doesn't work on Internet Explorer.
You guys are really pushing me :)

Uploaded files:

You need to login to have access to uploads.

Vadim has reacted to this post.

#3 · August 30, 2019, 8:05 pm

Oh, thank you very much!

Great arrows!

And how to make an arrow with a dashed line?

#4 · August 30, 2019, 8:18 pm

Easy, try this using the previous subroutine:

DrawArrow "Rectangle1" "arrow01" 20 20 180 120 "orange" "2"
SetObjectAttribute "arrow01" "stroke-dasharray" "5,5"

You can play with the numbers to get different dashed styles.

Vadim has reacted to this post.

#5 · August 30, 2019, 8:24 pm

It's great!!

This is what I need!

Thank you very much!!

luishp has reacted to this post.

#6 · August 30, 2019, 9:13 pm

@vadim, for better reusability I have created a plugin (attached)

Uploaded files:

You need to login to have access to uploads.

Vadim has reacted to this post.

#7 · August 31, 2019, 6:13 am

Luis! Thank you so much!

It is very convenient!!

#8 · September 5, 2019, 1:01 pm

Hello!

How can I put an arrow in the foreground?

The ObjectToFront command does not work for arrows created by the neoDrawArrow plugin.

#9 · September 5, 2019, 1:21 pm

Hi @vadim,
It works for me. Please check attached app.
Just keep in mind all the "Draw Objects" are inside a Rectangle Object.
Perhaps you want to move to Front the Rectangle or even use diferent Rectangles at different levels to draw your arrows.
Regards

Uploaded files:

You need to login to have access to uploads.

#10 · September 5, 2019, 8:07 pm

Thank you Luis!
It really works!
But not in relation to other objects of VysualNEO.
For example, an arrow cannot rise above an image object. The arrow is drawn within the rectangle. But if the rectangle is brought to the fore, then other objects are blocked (disappear).

Uploaded files:

You need to login to have access to uploads.

#11 · September 5, 2019, 8:48 pm

if the rectangle is brought to the fore, then other objects are blocked (disappear).

Just make the rectangle to have a background transparent color. In properties panel:
fill: rgba(0,0,0,0)

Let me know if it works for you :)

#12 · September 6, 2019, 8:40 am

fill: rgba(0,0,0,0)

Thanks a lot, Luis!!

This code really works! :)

luishp has reacted to this post.

How to make an arrow object? - Forum

How to make an arrow object?