Javascript 在Kinectjs画布上的大图像上绘制较小的可移动图像

我将一个大图像加载到kinectjs画布上。 代码如下：

   <div id ="imgarea" ></div>
   var imageToCanvas = function(){
   var stages = new Kinetic.Stage({
   container: "imgarea",

   });

   var layer = new Kinetic.Layer();

    var imageobj = new Image();
    imageobj.onload = function(){
    var img = new Kinetic.Image({
     x: 10,
     y: 10,
     image: imageobj,
   });
   layer.add(img);
   stages.add(layer);
 };
 imageobj.src = "foto/next.png";
  console.log(imageobj);
}; 

 $(document).ready( function(){
  imageToCanvas();
});  

var imageToCanvas=函数（）{
var阶段=新的动力学阶段({
容器：“imgarea”，
});
var layer=新的动能层（）；
var imageobj=新图像（）；
imageobj.onload=函数（）{
var img=新的动力学图像({
x:10，
y:10，
图片：imageobj，
});
图层添加（img）；
阶段。添加（层）；
};
imageobj.src=“foto/next.png”；
控制台日志（imageobj）；
}; 
$（文档）.ready（函数（）{
imageToCanvas（）；
});  

请问如何在我之前绘制的大图像上使用onclick事件绘制较小的可移动和可调整大小的图像（图标）。我尝试使用以下代码进行此操作：

     <Img src="testImage.jpg" onclick="var layer = new Kinetic.Layer();  drawImage(this.src);"   />

---

但遗憾的是，它不起作用：（……有人请帮忙。谢谢

请回答任何问题。再次感谢