Javascript Raphael - Как обвести отдельные пути?

Question

Я пытаюсь создать инструмент для своего веб-сайта, который отслеживает японские символы, показывает порядок штрихов и т. Д. Примерно так: http://www.chinesehideout.com/tools/strokeorder.php?c=5pel

Я сделал кучу файлов SVG в inkscape, которые состоят только из кривых, по одному на каждый штрих персонажа. Затем я импортировал их в Raphael, используя raphael-svg-import: https://github.com/wout/raphael-svg-import

SVG отображаются отлично, но я хочу их оживить.

Мой вопрос таков: есть ли способ взять каждый путь из SVG по очереди в Рафаэле, а затем оживить / погладить их? Если так .. как ??

Если вам нужна дополнительная информация, пожалуйста, скажите! Спасибо

РЕДАКТИРОВАТЬ: Возможно, я должен уточнить, когда я говорю, инсульт, я имею в виду постепенно рисовать линию, начиная с первой точки и заканчивая в последней. На данный момент он рисует все пути одновременно и рисует все пути одновременно.

Answer 1

Техника, которую люди используют в SVG для этого, описана в этом ответе .Вероятно, это можно адаптировать к Raphaël, хотя в документации Raphaël нет списка stroke-dashoffset.

Raphaël имеет метод Element.getSubpath(from, to), который можно использовать для получения только частипуть, который, вероятно, также должен быть вариантом.