Html5 canvas 擦除Konvajs图像的一部分

我试图上传一个本地图像到konvajs舞台，然后删除图像中不需要的部分。我的上传工作正常，绘制/擦除工作正常，但我无法擦除上传的图像。我只能擦除图像上的绘制线

    var stage = new Konva.Stage({
    container: 'container',
    width: width,
    height: height
    });

我创建了一个JSFIDLE：

我读了两篇类似于我的stackoverflow的帖子，上面有一个圆形的橡皮擦尖，但我仍然不知道如何让我的工作

---

感谢您的帮助。谢谢。

对于这个演示，我使用了单独的

元素来绘制画布。 您可以通过上下文将图像直接绘制到画布中：

img.onload = function() {
    context.drawImage(img, 0,0, width/2, height / 2)
    layer.draw();
};

---

对于这个演示，我使用了单独的

元素来绘制画布。 您可以通过上下文将图像直接绘制到画布中：

img.onload = function() {
    context.drawImage(img, 0,0, width/2, height / 2)
    layer.draw();
};

---

lavrton-感谢您提供了出色的解决方案和学习体验！拉夫顿-感谢您提供的伟大解决方案和学习经验！