将SVG对象从一个画布拖动到另一个画布

Question

我想知道是否可以将一个SVG对象从一个画布拖动到另一个画布。我需要实现一个网页，其中有多个区域需要使用SVG绘制，但这些区域位于页面的不同部分。要求是我必须将对象从一个区域拖到另一个区域，所以我想要使用SVG绘制多个画布区域，但我不确定是否能够从一个画布区域拖动对象做一个不同的帆布区域。我用RaphaelJS绘制了一个画布区域的对象，并注意到当它们拖到画布外面时它们不再可见了，所以我首先想到的是这不受支持。

有人可以帮忙吗？

谢谢， 保罗

Answer 1

Svg绘图仅限于设置的视口（读取：画布）。

有很多方法可以做你想要的。例如，在拖动时创建一个在鼠标下移动的新svg图像。您还可以确保svg画布覆盖整个窗口，但请注意，这不会让您在窗口外拖动（如果这是您想要的东西）。 另一种更完整的方法是使用HTML5 drag&drop设置拖放图像并使用其中的本机功能。