在页面显示后要如何清掉之前的画面

在JavaScript中，如果你想要清除页面上的某个特定元素或者整个画布的内容，你可以采用以下几种方法：

1. **DOM操作**：如果你是指在HTML元素（比如 `<canvas>` 或 `<div>`）上绘制内容，可以简单地设置其innerHTML或textContent为空字符串，或直接删除元素然后再重新插入。

   // 清空 canvas 内容
   const canvas = document.getElementById('myCanvas');
   ctx.clearRect(0, 0, canvas.width, canvas.height);
   // 或者
   canvas.innerHTML = '';

   // 清空 div 内容
   const divElement = document.getElementById('myDiv');
   divElement.textContent = '';

2. **Canvas API**：对于 `<canvas>` 元素，你可以使用 `clearRect()` 函数来擦除部分区域，如果想清空整个画布，可以用 `drawImage()` 方法覆盖整个画布，例如传入一个透明的图像 (`context.drawImage(document.createElement('canvas'), 0, 0, canvas.width, canvas.height);`)。

   ctx.clearRect(0, 0, canvas.width, canvas.height);
   ctx.drawImage(document.createElement('canvas'), 0, 0, canvas.width, canvas.height);

3. **SVG**：如果你在SVG元素上绘图，可以替换整个SVG元素内容，或者使用`<rect>`标签来清除指定区域。

   // 替换SVG元素内容
   const svgElement = document.getElementById('mySVG');
   svgElement.innerHTML = '<svg></svg>';
   
   // 清除SVG元素内的矩形
   const rectElement = document.createElementNS("http://www.w3.org/2000/svg", 'rect');
   rectElement.setAttribute('x', '0');
   rectElement.setAttribute('y', '0');
   rectElement.setAttribute('width', 'svgElement.getAttribute("width")');
   rectElement.setAttribute('height', 'svgElement.getAttribute("height")');
   rectElement.setAttribute('fill', 'transparent');
   svgElement.appendChild(rectElement);

每次绘制新内容之前，上述操作都可以帮助你清除先前的画面。