Convex Polygons - Bearing Lines

Show line end arrow marker for CCW polygon points. Compute start point, and show the length and bearing of each side. Align the bearing values with side. Uses the path element with textPath. The path element has no stroke or fill, used only to support textPath.
AZIMUTHS AND COMPASS QUADRANT BEARINGS - A bearing is a measurement of direction between two points. Bearings are generally given in one of two formats, an azimuth bearing or a compass quadrant bearing.
For this example, Azimuth Bearing degrees include decimal degrees. Compass-Quadrant Bearing show degrees(d), including minutes(') and seconds(").


SVG Source:
Javascript: