Как очистить конкретную область в холсте HTML5?

Question

Привет Я создал одно приложение для рисования, используя холст HTML5. В этом есть две кнопки. Один - карандаш, а другой - ластик. Используя карандаш, я что-то нацарапал. После этого я просто хочу сделать прямоугольный выбор и очистить нацарапанные элементы во время ластика onclick (Не весь холст. Только выбранная область). Выбрав ластик, также отображается карандаш. Как скрыть карандаш во время щелчка ластика?

Answer 1

Прямоугольник

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

Или круги

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