Как в SVG повернуть группу элемментов вокруг своего центра?

Question

[sanphir]

Есть треугольник(path) и его вершины(rect). Как применить translate rotate что бы он повернулся вокруг своего центра вместе со своими вершинами.
А то получается пока только так:
https://jsfiddle.net/ong78n5j/1/

Answer 1

[sanphir]

не придумал ничего, кроме как пересчитывать координаты
для каждого элемента по формуле

X = x0 + (x - x0) * cos(a) - (y - y0) * sin(a);
Y = y0 + (y - y0) * cos(a) + (x - x0) * sin(a);
где, (x0, y0) — центр, точка вокруг которой нужно вращать