删除Konvajs图像的一部分

Question

我尝试将本地图像上传到konvajs舞台，然后删除不需要的部分图像。我的上传效果很好，绘图/删除工作正常，但我无法删除上传的图片。我只能删除图像上的绘制线。

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

我创建了一个jsfiddle：https://jsfiddle.net/tommy6s/L3f27mch/

我读了两个与我类似的stackoverflow帖子，其中包含一个圆形的橡皮擦提示，但我仍然无法弄清楚如何让我的工作。

感谢任何帮助。谢谢。

Answer 1

对于这个演示，我使用单独的<canvas>元素绘制画布。 您可以通过上下文将图像直接绘制到画布中：

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

Demo