Привет, подскажите, хочу проанимировать svg c помощью angularjs Примерно вот так,

Question

Angular.js (1.x) — русскоговорящее сообщество

Привет, подскажите, хочу проанимировать svg c помощью angularjs Примерно вот так,

но анимация будет в разы сложнее - больше рассчетов, элементов, намного больше реактивных переменных
$scope.animate = function() {
$timeout(function() {
var time = new Date().getTime() / 1000 - timestamp;
var step = (100 / SPEED) * time;

$scope.x1 = step;

if(step <= 100) {
requestAnimationFrame($scope.animate);
}

}, 1000 / FPS);
}

<line x1="{{x1}}" y1="{{y1}}" x2="{{y1}}" y2="{{y1}}">

Как думаете, не запорет ли реактивность angularjs мне всю малину? Я не сильно вдавался в детали, но где то краем уха слышал что реактивность в angularjs не самая быстрая. Как думаете, не будет тормозить по сравнению с нативным el.setAttribute?