snap.svg, jquery.svg стрелка анимации вдоль пути, оставляя след (имеет закругленные углы)

Question

Я потратил довольно много времени на переходы между snap.svg и jquery.svg, пытаясь понять, как анимировать следующее:

1. Стрела, которая рисует, но оставляет хвост позади себя
2. Стрелка имеет изгибы на 90 градусов, но находится на кривой

Таким образом, я разработал анимацию пути, хорошо для круга и линии с изгибом в нем до сих пор. Но стрелка, которая движется и оставляет след позади, оказывается проблематичной (хвост тоньше, чем наконечник стрелы). jQuery SVG позволяет мне не очищать холст, так сказать, и, таким образом, я могу создать след, однако это Snap.animate, который я разработал, чтобы использовать для анимации вдоль пути.

Так что вопрос к миру.

Q1. Что лучше всего использовать? snap.svg или jquery.svg

Q2. Любые идеи о том, как добиться моей анимации, будут высоко оценены.

Спасибо

Darcey

Answer 1

Для меня решение было:

snap.svg

Я проверил много решений для анимации пути и т.д., но обнаружил, что:

1. Анимация штриховой линии для пути, работающего на выявление линии
2. Анимация по пути для наконечника стрелы

Взяв данные о путях из файлов SVG и поместив их в переменные в javascript, упростил задачу, поскольку анимация не будет работать на загруженном svg, я уверен, что для этого есть простое исправление / решение, но данные js var работали. так что я пошел с этим.

D