Показать сообщение отдельно
  #1 (permalink)  
Старый 18.07.2017, 17:35
Интересующийся
Отправить личное сообщение для Negotiant Посмотреть профиль Найти все сообщения от Negotiant
 
Регистрация: 27.03.2017
Сообщений: 28

Движение по svg-путям
Подскажите, как передвигать 10 объектов по svg с одинаковым расстоянием между друг-другом? Фрагмент кода:
var particles = [];
 var svg = document.getElementById("k9");
 var straightLength = svg.getTotalLength();

for (var i = 0; i < 10; i++) {
  var particle = new Particle();
  particles.push(particle);

}

for ( var i = 0; i < particles.length; i++){
particles[i].x = svg.getPointAtLength(counter*straightLength).x;
particles[i].y = svg.getPointAtLength(counter*straightLength).y;
}

counter += 0.0003;
Ответить с цитированием