Показать сообщение отдельно
  #1 (permalink)  
Старый 12.07.2013, 18:51
Новичок на форуме
Отправить личное сообщение для kumar6346 Посмотреть профиль Найти все сообщения от kumar6346
 
Регистрация: 28.05.2011
Сообщений: 5

Анимация прорисовки линии на Raphael
Здравствуйте уважаемые форумчане! Сейчас делаю проект к котором нужно реализовать прорисовку линий на рафаэле. Т.е суть такова что бы в поле рисовались разные линии от прямых до безье и т.п. Я это реализовал ниже привожу код который я написал для прорисовки одной линии

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. Все жутко тормозит во всех браузерах

Подскажите как мне быть с моими проблемами что сделать может кто то сможет подсказать другой вариант рисований линии?? Помогите пожалуйста!
Ответить с цитированием