neoLine
Draw a leader line in your app.
Based on:
https://anseki.github.io/leader-line/
Sample App:
https://visualneo.com/tutorials/neoline
Description
The neoLine plugin for VisualNEO Web allows developers to create dynamic, visually appealing lines between objects, ideal for building interactive, connected visual elements in applications. With this plugin, lines can be customized for color, style, and positioning, supporting applications that need to represent relationships or flow between elements, such as diagrams, maps, or process charts.
neoLineInit
|
Purpose: |
Draw a line from object to object |
|
Category: |
neoLine |
|
Syntax: |
neoLineInit "objectId1" "objectId2" "thecolor" thesize
objectId1 Object 1 objectId2 Object 2 thecolor Line color (ie: #ff0000) thesize Line width |
neoLineReposition
|
Purpose: |
Reposition the line when any of the objects have been moved |
|
Category: |
neoLine |
|
Syntax: |
neoLineReposition "objectId1" "objectId2"
objectId1 Object 1 objectId2 Object 2 |
neoLineRemove
|
Purpose: |
Remove an existing line between two objects |
|
Category: |
neoLine |
|
Syntax: |
neoLineRemove "objectId1" "objectId2"
objectId1 Object 1 objectId2 Object 2 |
neoLineSetColor
|
Purpose: |
Change an existing line color |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetColor "objectId1" "objectId2" "thecolor"
objectId1 Object 1 objectId2 Object 2 thecolor Line color (ie: #ff0000) |
neoLineSetColorGradient
|
Purpose: |
Set a color gradient in an existing line |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetColorGradient "objectId1" "objectId2" "color1" "color2"
objectId1 Object 1 objectId2 Object 2 color1 Start color color2 End color |
neoLineSetWidth
|
Purpose: |
Change an existing line width |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetWidth "objectId1" "objectId2" thesize
objectId1 Object 1 objectId2 Object 2 thesize Width |
neoLineSetPath
|
Purpose: |
Change an existing line path type |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetPath "objectId1" "objectId2" "thepath
objectId1 Object 1 objectId2 Object 2 "thepath Path type (default ""fluid"")" |
neoLineSetStyle
|
Purpose: |
Change an existing line style |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetStyle "objectId1" "objectId2" "thestyle
objectId1 Object 1 objectId2 Object 2 "thestyle Style type (default ""solid"")" |
neoLineSetText
|
Purpose: |
Set line label text for different positions |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetText "objectId1" "objectId2" "text1" "text2" "text3" "thecolor" "thefontfamily" "thefontsize"
objectId1 Object 1 objectId2 Object 2 text1 Start label text text2 Middle label text text3 End label text thecolor Text color thefontfamily Font family thefontsize Font size |
neoLineSetPathText
|
Purpose: |
Set line label text for different positions along the line |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetPathText "objectId1" "objectId2" "text1" "text2" "text3" "thecolor" "thefontfamily" "thefontsize"
objectId1 Object 1 objectId2 Object 2 text1 Start label text text2 Middle label text text3 End label text thecolor Text color thefontfamily Font family thefontsize Font size |
neoLineSetPlugsStyle
|
Purpose: |
Change the plugs style in an existing line |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetPlugsStyle "objectId1" "objectId2" "startstyle "endstyle
objectId1 Object 1 objectId2 Object 2 "startstyle Start plug style (default ""behind"")" "endstyle End plug style (default ""arrow1"")" |
neoLineSetPlugsColor
|
Purpose: |
Change the plugs color in an existing line |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetPlugsColor "objectId1" "objectId2" "color1" "color2"
objectId1 Object 1 objectId2 Object 2 color1 Start plug color color2 End plug color |
neoLineSetPlugsSize
|
Purpose: |
Change the plugs size in an existing line |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetPlugsSize "objectId1" "objectId2" size1 size2
objectId1 Object 1 objectId2 Object 2 size1 Start plug size (multiply factor) size2 End plug size (multiply factor) |
neoLineHide
|
Purpose: |
Hide an existing line |
|
Category: |
neoLine |
|
Syntax: |
neoLineHide "objectId1" "objectId2" effect
objectId1 Object 1 objectId2 Object 2 effect Animation effect |
neoLineShow
|
Purpose: |
Show a previously hidden existing line |
|
Category: |
neoLine |
|
Syntax: |
neoLineShow "objectId1" "objectId2" effect
objectId1 Object 1 objectId2 Object 2 effect Animation effect |
neoLineSetStartConnectionSide
|
Purpose: |
Change the start element connection side in an existing line |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetStartConnectionSide "objectId1" "objectId2" "side
objectId1 Object 1 objectId2 Object 2 "side Connection side (default ""auto"")" |
neoLineSetEndConnectionSide
|
Purpose: |
Change the end element connection side in an existing line |
|
Category: |
neoLine |
|
Syntax: |
neoLineSetEndConnectionSide "objectId1" "objectId2" "side
objectId1 Object 1 objectId2 Object 2 "side Connection side (default ""auto"")" |
Created with the Personal Edition of HelpNDoc: Maximize Your Documentation Output with HelpNDoc's Advanced Project Analyzer