Raphael.js：私の場合、パスの片側をドラッグする方法は？

Question

私はRahael.jsライブラリを使用しています。

私はパスしている場合：

var mypath = paper.path("M10 10L90 90"); 

私はマウスドラッグ パスラインの片側には、パスラインの他の側は、元 位置しばらく続けるという特徴を実装したいと思いますがドラッグされた側はマウスで移動します。それは ドラッグアンドピン機能のようなものです。それを実装する方法は？

raphael drag（）関数を使用して のパス属性を更新する方法がわかりません。

var start = function() { 

}, 
move = function (dx, dy) { 
    //How to update the attribute of one side of the path here 
}, 
up = function() { 

}; 
mypath.drag(move, start, up); 

Answer 1

透明RECT要素とパスの端をマスクし、現在のxからの座標をアニメート、翻訳xにY、四角形要素のY位置とのMouseMoveに同時にパスを更新し続けます。あなたは、「ハンドル」という要素がドラッグ可能にすると、あなたのラインのパスを更新のような役割を果たし第二の要素必要

Answer 2

：あなたのソリューション

var paper = Raphael('canvas', 300, 300); 
var path = paper.path("M10 10L90 90"); 
var pathArray = path.attr("path"); 
handle = paper.circle(90,90,5).attr({ 
    fill: "black", 
    cursor: "pointer", 
    "stroke-width": 10, 
    stroke: "transparent" 
}); 

var start = function() { 
    this.cx = this.attr("cx"), 
    this.cy = this.attr("cy"); 
}, 
move = function (dx, dy) { 
    var X = this.cx + dx, 
     Y = this.cy + dy; 
    this.attr({cx: X, cy: Y}); 
    pathArray[1][1] = X; 
    pathArray[1][2] = Y; 
    path.attr({path: pathArray}); 
}, 
up = function() { 
    this.dx = this.dy = 0; 
}; 

handle.drag(move, start, up); 

http://jsfiddle.net/TfE2X/