gpt4 book ai didi

javascript - 使用 Raphael JS 拖放 SVG

转载 作者:行者123 更新时间:2023-11-30 06:00:28 24 4
gpt4 key购买 nike

寻找一些关于使用 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,我需要能够在“ Canvas ”周围拖动 myImage.svg。我在想类似的东西

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

例如。

有没有办法做到这一点,如果有的话,一个例子会很棒!

最佳答案

RaphaelJS 中不存在这种神奇的方法。但是有一种方法可以做到这一点。你可以看看the raphael-svg-import project on GitHub这适用于基本的 svgs

然后,您需要使用 grouping facility因为你不能使用 RaphaelJS 的 Set 功能

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

尽情享受吧!

关于javascript - 使用 Raphael JS 拖放 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8941699/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com