清空画布 - 如何通过重设 width 或 height 属性来清空画布（使用 JavaScript）。 - 在线编辑器

HTML 参考手册
HTML <canvas> height 属性
清空画布 - 如何通过重设 width 或 height 属性来清空画布（使用 JavaScript）。

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>菜鸟教程(runoob.com)</title>
</head>
<body>

  <canvas id="myCanvas" width="200" height="200" style="border:1px solid">
您的浏览器不支持 HTML5 canvas 标签。
</canvas>
  <br>

  <script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.fillStyle = "#92B901";
    ctx.fillRect(50, 50, 100, 100);

    function clearCanvas() {
      c.height = 300;
    }
  </script>

  <button onclick="clearCanvas()">清空画布</button>

</body>
</html>
        