隨時更改SVG-Path的一部分

Question

我正在將RaphaelJS用於SVG圖形，並且具有這樣的路徑：

var path = canvas.path("M50,100 l0,100 c100,-100, 200,100, 300,0");

但是稍后我可能要更改圖形的某些部分。 例如：

var path = canvas.path("M50,100 l0,100 c100,100, 200,-100, 300,0"); 

注意moveTo和lineTo命令是相同的，只是curveTo的兩個參數已更改。 我可以直接更改path一部分，還是必須繪制新路徑並刪除舊路徑？

（ 小提琴 ）

Answer 1

演示： http ： //jsfiddle.net/dBqya/

function togglePath(path){
    path.attr('path', 'M50,100 l0,100 c100,100, 200,-100, 300,0');
}

var canvas = Raphael('canvas', 500, 500);

var path = canvas.path('M50,100 l0,100 c100,-100, 200,100, 300,0');
path.attr({ stroke: 'red', 'stroke-width': 3 });

document.getElementById('toggle').addEventListener('click', function () { 
  togglePath(path);
});
​