HTML5 svg拖放-如何?

FLa*_*ski 5 javascript html5 svg drag-and-drop

我正在尝试为基于HTML5的冒险/指向和点击游戏创建框架,并且我想开始创建一种使用svg拖动对象(从屏幕到热点或库存,从库存到热点等)的方法。代表物体和热点(即,在此处完全透明的形状以检测点击)。想法是拖动该项目,并仅在鼠标触摸热点时才允许其下降。

我遇到了一些问题。首先,将可拖动属性分配给<svg>或测试圈不起作用。我尝试将其放在中<div>,但拖动事件确实注册并触发后,幻影图像并未像html5rocks演示中所示。如何解决拖动问题?

这是小提琴