Здравствуйте уважаемые форумчане! Сейчас делаю проект к котором нужно реализовать прорисовку линий на рафаэле. Т.е суть такова что бы в поле рисовались разные линии от прямых до безье и т.п. Я это реализовал ниже привожу код который я написал для прорисовки одной линии
var r = Raphael(0, 0, width_window, height_window);
var p = r.path('M0 0 2000 0').attr("stroke","none");
var p2 = r.path("M0 541").attr({
"stroke-width": 2,
"stroke": "#009dce"
});
var e = r.ellipse(0, 541, 4, 4).attr("stroke","none");
e.animateAlong(p, 3000, true).onAnimation(function() {
p2.attr("path", p2.attr("path").concat([["L", e.attr("cx"), e.attr("cy")]]));
});
Код рабочий линии прорисовываются НО
1. В ИЕ (иногда хром) линии в местах скругления становятся ломанными.
2. Все жутко тормозит во всех браузерах
Подскажите как мне быть с моими проблемами что сделать может кто то сможет подсказать другой вариант рисований линии?? Помогите пожалуйста!