畫布擦除不起作用

Question

我正在開發一個帶有畫布的繪圖應用程序。 我想實現一個擦除功能，但不是一個簡單的擦除，這是一個簡單的白色筆，一個真正的橡膠。

事實上，我在應用程序中添加了透明畫布，我想，當我繪制時，我可以擦除我繪制的內容，即將不透明度設置為0！

我已經在Google和stackoverflow上搜索，我發現：

代碼：JavaScript - Sélectionner

context.globalCompositeOperation = "destination-out"; 
context.strokeStyle = "rgba(0,0,0,0)";

但它不起作用......我嘗試在MDN上顯示不同的globalCompositeOperation模式，但沒有區別。 請幫助。

Answer 1

它不起作用，因為你在你想要擦除的東西上繪制一條透明線......所以它什么也沒做。

當你有一個白色背景時很容易擦除，你只是畫白了。 但這不是你想要的。

這里的技巧是使用clearRect刪除畫布上的內容，而不是繪制其他形狀。

context.clearRect(cursorX, cursorY, brushWidth, brushHeight);

它會顯示為小方塊但我看不到另一種方法，除了像素操作。