raphael.js を使用していくつかの svg アニメーションを作成しています。円グラフを作成しようとしています。.animate() メソッドを使用して、ステップ オプション内で関数を呼び出します。
私が得るエラー: Uncaught TypeError: object is not a function この行は次のとおりです: pie_fill.attrs({'path': arc(1, 2, 3, 4)});
step オプション内の関数として 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')
};