Return Screen Points After Tranformations : polygon, path, polyline

In many cases it is meaningful to return certain svg elements(polygon, polyline, and path) to their screen x,y values following transformations. This is accomplished using getCTM, and matrixTransform
Note 1: Use vector-effect="non-scaling-stroke" for elements with stroke(*not available in IE).
Note 2: Chrome deprecated pathSegList and now requires a polyfill to use it.

SVG Source:
Javascript: