const stage = new Konva.Stage({

  container: 'container',

  width: window.innerWidth,

  height: window.innerHeight

});

​

const layer = new Konva.Layer();

stage.add(layer);

​

const girafe = new Image();

girafe.onload = () => {

  const img = new Image();

  img.onload = () => {

    const image = new Konva.Shape({

    sceneFunc: (ctx) => {

      ctx.drawImage(girafe, 0, 0);      

      ctx.globalCompositeOperation = 'source-in';

      ctx.drawImage(img, 0, 0);

    },

    // (!) important

    // for this case you need to define custom hit function

    hitFunc: (ctx) => {

      ctx.rect(0, 0, 200, 200);

      ctx.fillStrokeShape(image);

    },

    draggable: true

  });

  layer.add(image);

  layer.draw();

  };

  img.src = "http://i.imgur.com/kKjW3U4.png";

}

girafe.src = "http://i.imgur.com/fQX2P8S.png";

​

​

​