RaphaelJSを使用してSVGをドラッグ＆ドロップする

Question

RaphaelJSを使用してSVGをドラッグアンドドロップするとアドバイスがあります。私はwithintラファエル

window.onload = function() { 
var R = Raphael("canvas", 500, 500);  
var c = R.circle(100, 100, 50).attr({ 
    fill: "hsb(.8, 1, 1)", 
    stroke: "none", 
    opacity: .5 
}); 
var start = function() { 
... 
}, 
move = function (dx, dy) { 
... 
}, 
up = function() { 
... 
}; 
c.drag(move, start, up);  
};​ 

を作成したオブジェクトをドラッグする方法を発見した。しかし、私は別々のSVGファイル（複数可）で動作するようにこれを適応できるようにする必要があるので、たとえば ためmyPage.htmlがMYIMAGEを持って

.svg、私はキャンバスの周りにmyImage.svgをドラッグできる必要があります。 私は、例えば

var c = R.SOMEMETHOD('myImage.svg'); 
... 
c.drag(move, start, up); 

のようなものを考えています。

これを行う方法はありますか？あれば、その例は素晴らしいでしょう！

Answer 1

このマジックメソッドはRaphaelJSには存在しません。しかし、これを達成する方法があります。あなたは、その後、あなたがRaphaelJS

1 - import your SVG 
2 - As you import, mark the elements so they belong to the same group 

お楽しみのセットfunctionnalityを使用することはできませんようgrouping facilityを使用したいと思う基本的なsvgs

に適していますthe raphael-svg-import project on GitHubを見てすることができます！