HTML5 svg拖放 - 怎么样？

Question

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

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

这是fiddle。