寻找一些关于使用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);
例如。
有办法做到这一点吗?如果有,举个例子就太棒了!
这个神奇的方法在RaphaelJS中不存在。但有一种方法可以做到这一点。您可以在GitHub上查看raphael svg导入项目,该项目适用于基本的svg-
然后,您将需要使用分组功能,因为您无法使用RaphaelJS 的Set函数
1 - import your SVG
2 - As you import, mark the elements so they belong to the same group
享受吧!!