Добрый день! У меня проблема, не работает анимация.
http://jsfiddle.net/BS6j6/902/ - здесь работает, а вот браузер игнорирует. Проверял в Chrome и Firefox/ вот код:
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>SVG</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="raphael.js"></script>
<script type="text/javascript" src="mysvg.js"></script>
</head>
<body>
<div id="main" style="width: 500px; height: 500px; margin: 50px auto; border: 1px solid #000;">
</div>
</div>
</body>
</html>
и код моей JS:
var paper = Raphael('main', 500, 500);
// Creates circle at x = 50, y = 40, with radius 10
var line_1 = paper.path( ["M", 100, 100, "L", 30, 100 ] ).attr({'stroke': '#000','stroke-width':'3'});
var line_2 = paper.path( ["M", 200, 200, "L", 30, 200 ] ).attr({'stroke': '#000','stroke-width':'3'});
line_1.rotate(200,100,100);
line_2.rotate(100, 200, 200);
// to animate ??
line_1.animate({rotation:"300 100 100"},1000,'<>');
line_2.animate({rotation:"300 200 200"},1000,'<>');
Что не так? Подскажите!