html5-canvas - 擦除 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();
};

演示