0

私は SVG グラフィックスに RaphaelJS を使用しており、次のようなパスがあります。

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 の 2 つの引数が変更されているだけです。の一部をpath直接変更できますか、それとも新しいパスを描画して古いパスを削除する必要がありますか?

(フィドル)

4

1 に答える 1

3

デモ: 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);
});
​
于 2012-09-20T15:03:08.943 に答える