擦除部分 Konvajs 图像

Question

我正在尝试将本地图像上传到 konvajs 阶段，然后擦除图像中不需要的部分。我的上传效果很好，draw/erase 也能正常工作，但我无法删除上传的图像。我只能擦掉图像上的画线。

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

我读了两篇与我的相似的 Whosebug 帖子，其中有一个圆形的橡皮擦尖端，但我仍然无法弄清楚如何让我的橡皮擦工作。

感谢任何帮助。谢谢。

Answer 1

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

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

Erase part of Konvajs image