Я создаю анимацию svg с помощью raphael.js. Я пытаюсь построить круговую диаграмму. Я вызываю функцию в шаге через метод.animate().
Ошибка, которую я получаю: Uncaught TypeError: объект не является функцией. Эта строка: pie_fill.attrs({'path': arc (1, 2, 3, 4)});
Он даже не понимает arc() как функцию вообще в шаге. Однако я понятия не имею, почему, пожалуйста, помогите.
var R = Raphael("paper");
pie_fill = R.path(("M 150 77 L77 77 Z")).attr({'fill':'#009bca', 'stroke':'#1c1c1c', 'stroke-opacity':'1', 'stroke-width':'1'});
var pie = new Raphael($('#paper'), 300, 154);
$('#paper').animate({
'margin': '0'
}, {
'duration': 1500,
step: function( now, fx ) {
pie_fill.attr({'path': arc(1, 2, 3, 4)});
}
});
arc =function(center, radius, startAngle, endAngle) {
console.log('ran')
};
arc определяется после его вызова.
Если вы пишете function arc(...)
вместо arc = function(...)
она должна работать.