У меня возникают проблемы, когда я пытаюсь правильно выполнить анимацию вращения, используя библиотеку D3.js. Проблема связана с точкой, в которой я хочу повернуть элемент.
Вот скрипка, которую я сделал, чтобы показать, что я имею в виду (в замедленном темпе): http://jsfiddle.net/74mCb/
Кажется, что источник проблемы лежит здесь:
.attr("transform", "rotate(-60, 150,130)");
И затем я поворачиваю его так:
.attr("transform", "rotate(40 150,130)");
Я хотел бы, чтобы прикладом иглы оставалось на месте (чтобы быть центром вращения), может кто-нибудь объяснить, что я делаю неправильно?
Спасибо!