当你按下一个按钮时，如何在画布上改变fillRect的颜色？

<canvas id="myCanvas"></canvas>

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

<button id="changeColorBtn">改变颜色</button>

var changeColorBtn = document.getElementById('changeColorBtn');
changeColorBtn.addEventListener('click', changeColor);

function changeColor() {
  // 生成一个随机的颜色，可以使用不同的算法来实现
  var color = getRandomColor();

  // 设置绘图上下文的填充颜色
  ctx.fillStyle = color;

  // 清除画布
  ctx.clearRect(0, 0, canvas.width, canvas.height);

  // 绘制一个填充颜色为color的矩形
  ctx.fillRect(0, 0, canvas.width, canvas.height);
}

function getRandomColor() {
  // 生成一个随机的RGB颜色
  var r = Math.floor(Math.random() * 256);
  var g = Math.floor(Math.random() * 256);
  var b = Math.floor(Math.random() * 256);

  return 'rgb(' + r + ', ' + g + ', ' + b + ')';
}