title: drag and drop image into canvas droppable area
body: <p>I was wondering if someone could conceptually walk me through this? I want to use kineticjs to drag and drop an image from my desktop into the browser canvas. However, I only want to make parts of the canvas "droppable". </p>
  
  <p>For example, if I have a canvas width:600, height:400, and I have a square in it, 80x80, how would I only make that 80x80 square droppable? so that only when I drag an image over that square can I drop an image from my desktop into it?</p>
  
  <p>Thanks!</p>