Create regular polygon based on a radius length:circumradius (radius of a circle passing through all points). Transform it around its **centroid**.
To accomplish this via matrices uses:

1. A**matrix object** that holds all transform requests.

2. A**transform list** attached to the element to be transformed( a polygon in this example).

3. After each transform,**consolidate()** the transform list into a matrix.

Then...

Re-compute its transformed points to screen points using:**points object**, **getCTM**, and **matrixTransform** .

Selecting 'Screen Points', removes the transforms, and builds the polygon with a re-computed list of points.

1. A

2. A

3. After each transform,

Then...

Re-compute its transformed points to screen points using:

Selecting 'Screen Points', removes the transforms, and builds the polygon with a re-computed list of points.

Points: Transforms:

SVG Source: Javascript: