Auto-Positioning: textPaths and Arrows

This example shows corrected text alignment for a textPath and its associated directional arrow line. The text remains upright, and can be defined to always be either above or below the line. Without correction, the text could be upside down. Each directional line includes; a line with end arrow marker, a textPath, and a straight path.
Lines start at green circle and move counter-clockwise.
Not Corrected
Auto Positioning

SVG Source:
Javascript: