Пробую сделать кнопку для вращения элемента svg, который находится в группе с другими элементами. Пробовал использовать матрицы для пересчета и все что находил на формуах и в гугле. В целом у меня получилось сделать вращение элемента вокруг, но проблема в том, что при первом вызове вращения элемент уезжает со своего места и вращается уже на новом месте. Пробовал вычислять глобальные координаты и после вращения перемещать элемент на них, но глобальные координаты для элемента вычисляются как раз те, на которые переходит вращение. Может кто сможет объяснить почему у меня съезжает элемент и как его оставлять на месте при вращении?
Мой код не помещается, разместил его тут -
https://jsfiddle.net/3vyauj6p/ 