Clear Canvas Example

Preview

Code

<canvas id="canvas" width="200" height="100"></canvas>

<button onclick="clearCanvas()">Clear</button>

<script>
let ctx = document.getElementById("canvas").getContext("2d");

ctx.fillRect(50,30,80,40);

function clearCanvas(){
  ctx.clearRect(0,0,200,100);
}
</script>

More JS Graphics Examples (7)

Canvas Basic Example Canvas Line Drawing Canvas Circle Example Canvas Text Example Canvas Gradient Example Simple Canvas Animation Draw Image on Canvas