抹去部分Konvajs图像

Question

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

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

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

我读了两个类似我的堆叠溢出的帖子，上面有一个圆形的橡皮擦提示，但我仍然想不出如何让我的工作。

任何帮助都是非常感谢的。谢谢。

Answer 1

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

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

演示