canvas要素の全消去

canvas要素の内容を全消去したい場合、clearRectで全範囲を指定する方法をよく見かける。

JavaScript

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);

canvasのサイズを同じ値に指定し直すことでも全消去できる。

JavaScript

const canvas = document.getElementById('canvas');
canvas.width = canvas.width;

// または
// canvas.height = canvas.height;