Javascript 使画布对象可拖动

在中，房屋图像可拖动到容器中…我希望工具栏中的画布对象可拖动并可拖放到容器中。我如何才能做到这一点？请帮助我

JS代码：

var layer = new Kinetic.Layer();
stage.add(layer);
var image1 = new Image();
image1.onload = function () {
   $house.show();
}
image1.src = "https://dl.dropboxusercontent.com/u/139992952/stackoverflow/house32x32transparent.png";

$house.draggable({
   helper: 'clone',
});

$house.data("url", "house.png"); 
$house.data("width", "32"); 
$house.data("height", "33"); 
$house.data("image", image1); 
$stageContainer.droppable({
   drop: dragDrop,
});

function dragDrop(e, ui) {
    var x = parseInt(ui.offset.left - offsetX);
    var y = parseInt(ui.offset.top - offsetY);

    var element = ui.draggable;
    var data = element.data("url");
    var theImage = element.data("image");

    var image = new Kinetic.Image({
      name: data,
      x: x,
      y: y,
      image: theImage,
      draggable: true
  });

---

我很困惑…你的链接小提琴已经按你的要求做了-/@马克，我要求画布上的物体，比如正方形，三角形，是三角墙。不是图像。。。。。