So löschen Sie bestimmte Bereiche in HTML5-Canvas?

Question

Hallo Ich habe eine Malanwendung mit HTML5 Canvas erstellt. Darin befinden sich zwei Knöpfe. Einer ist Bleistift und ein anderer ist Radiergummi. Mit dem Stift kritzele ich etwas. Danach möchte ich nur die rechteckige Auswahl machen und die gekritzelten Gegenstände während des Radierers onclick (Nicht die gesamte Leinwand. Nur ausgewählte Bereich). Mit einem Klick auf Radiergummi wird auch der Stift angezeigt. Wie kann man den Stift beim Radiergummi-Klick verstecken?

Answer 1

Rechteck

context.clearRect(x,y,w,h); 

oder Kreise

context.beginPath(); 
context.arc(x,y,r,0,Math.PI*2); 
context.fillStyle = "#ffffff"; 
context.fill();