Example: Rotate and Translate

This example rotates and transforms two <g> elements and a line, using the Linear functon. The transformation moves a circle and attached line counter-clockwise around the edge.
The circle moves along the edge.
A line follows the center of the circle.
The following-line uses an svg wrapper element as its target.
The wrapper holds the circle.
Therefore the wrapper's bounding box follows the circle's movements.
The center of the wrapper bounding box is the end point of the following-line.
SVG Source:
OK in:IE11/CH32/FF23