Estoy tratando de rotar y escalar formas dentro de un SVG alrededor de su punto central. He buscado en varias bibliotecas, incluidas Jquery, Greensock, D3, RaphaelJS, pero no he podido encontrar ninguna que proporcione una forma sencilla de lograrlo. Cada uno anima la forma desde el punto de origen (que entiendo es el predeterminado). Quiero poder girar una forma alrededor de su punto central o escalarla hacia arriba o hacia abajo desde el punto central.

Aquí hay un par de ejemplos que usan Greensock y D3 que ilustran el comportamiento predeterminado:http://jsbin.com/AHEXiPa/1/edit?html,js,output

Cada uno de estos ejemplos rebota dentro y fuera desde la parte superior izquierda en lugar de permanecer estacionario y expandirse desde el centro del triángulo hacia afuera en todas las direcciones.

¿Puede alguna de las bibliotecas que mencioné lograr esto, o hay otra biblioteca o método que debería considerar?

Idealmente, necesito poder aplicar la animación / transformación a un objeto existente en el DOM. D3 es bueno en esto, por ejemplo, pero Raphael parece requerir la conversión de un SVG a Raphael antes de inyectarlo en el DOM.