我正在尝试为基于HTML5的冒险/点击游戏创建一个框架,我想开始创建一种拖动对象的方式(从屏幕到热点或库存,从库存到热点等),用svg表示对象和热点(即完全透明的形状,以检测命中) . 我们的想法是拖动项目,并且只有在鼠标触摸热点时才允许它掉落 .

我遇到了一些问题 . 首先,为 <svg> 或测试圈分配可拖动属性不起作用 . 我尝试将它放在 <div> 中,但是当拖动事件确实注册并触发时,鬼图像没有像html5rocks演示中那样显示 . 如何修复拖动?

这是fiddle .