Вход

Просмотр полной версии : Движение по svg-путям


Negotiant
18.07.2017, 17:35
Подскажите, как передвигать 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;