清除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(); 
}; 

Demo