javascript - Kinectjs キャンバスにロードされた大きな画像に小さい可動画像を描画する

Question

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();
});  

以前に描いた大きな画像のonclickイベントを使用して、移動可能でサイズ変更可能な画像（アイコン）を小さく描画するにはどうすればよいですか。次のコードで試してみました：

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

しかし、悲しいことに、それは機能していません:(....誰か助けてください。ありがとう