Javascript 如何使用另一个带有KineticJS的PNG图像屏蔽PNG图像？

所以，我有一张图片，我需要用另一张PNG蒙版图片（黑色/透明图像）覆盖它。我怎样才能用KineticJS做到这一点

---

对不起，我的英语不好

创建自定义

Kinetic.Shape

：

var image = new Kinetic.Shape({
    draggable: true,
    x : 100,
    y : 100,
    sceneFunc : function(ctx) {
      ctx.drawImage(mask, 0, 0);
      ctx.setAttr('globalCompositeOperation', 'source-in');
      ctx.drawImage(img, 0, 0);
    },
    hitFunc : function(ctx) {
      ctx.rect(0,0,img.width, img.height);
      ctx.fillStrokeShape(this);
    }
  });