使用Raphael JS拖放SVG

Question

在使用RaphaelJS拖放SVG方面寻求一些建议（示例会很棒）。

我发现了如何拖动在Raphael中创建的对象

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中不存在。 但是有一种方法可以做到这一点。 您可以查看GitHub上的raphael-svg-import项目，该项目非常适合基本svgs

然后，您将需要使用分组工具，因为您无法使用RaphaelJS的Set功能

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

请享用 ！！