canvas/raphael.js - 캔버스에서 객체 애니메이트하기

Question

저는 캔버스에 일련의 차트를 만들기 위해 raphaeljs를 사용하고 있으며 각각의 새로운 차트가 캔버스에 추가 될 때마다 이전 차트 (크기를 줄이고 움직이는 차트) - 그러나이 애니메이션은 작동하지 않는 것 같습니다. 나는 뇌졸중을 움직일 수 있었기 때문에 그것이 적어도 가능할 것이라고 추측하지만 분명히 구문은 작동하지 않습니다. 여기에 내 코드입니다 :

var chartArray = []; 

Raphael.fn.pieChart = function (cx, cy, r, rin, graphArray, stroke) { 

    var groupName; 
    var paper = this, 
     rad = Math.PI/180, 
     chart = this.set(); 

    function sector(cx, cy, r, startAngle, endAngle, params) { 
    return paper.path([ ... ]).attr(params); //creates each slice of the pie chart 
    } 

    ... 

    chartArray.push(chart); 
    return chart; 

} 

$('#clicker').click(function(){ 
    raphCanvas.pieChart(125, 125 + (graphID*10), 100, 50, graphArray, "#fff"); 
    chartArray[0][j].animate({stroke: "#000"}, 2000); //works to set the stroke of each item in the set to black 
    chartArray[0].animate({x: 0}, 2000); //does not work to move the x position of the set 
}); 

Answer 1

라파엘, 당신은, 당신은 다음과 같이 번역을 사용하여 가지고있는 "X"속성을 애니메이션 캔트 : 라파엘 뭔가는 "캔버스"라고했다 공식적으로

var moveX = 100; 
var moveY = 0; 
view.animate({translation : (moveX)+" , "+(moveY)},500,function(){ 
    console.log("finished"); 
});