|Views Total:||13,145 views|
|Official Page:||Go to website|
|Last Update:||February 11, 2019|
- Draw SVG Paths Between Two Elements – leader-line
- Draw Directional SVG Paths Between Elements – svgDynamicDirectionalPath.js
How to use it:
domarrow.css in the HTML document.
<link rel="stylesheet" href="domarrow.css"> <script src="domarrow.js"></script>
Create two elements on the page.
<div id="d1"></div> <div id="d2"></div>
Create a directional arrow between these two elements.
<connection from="#d1" to="#d2" tail></connection>
Set the color of the directional arrow.
<connection from="#d1" to="#d2" color="red" tail></connection>
Hide the arrow (line only).
<connection from="#d1" to="#d2" color="red"></connection>