我想让html/js canvas在我的循环中每次更新

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

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

function updateCanvas() {
  // 清除Canvas内容
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  // 进行绘制操作
  // ...
  
  // 调用requestAnimationFrame函数，实现循环更新
  requestAnimationFrame(updateCanvas);
}

// 调用updateCanvas函数，开始循环更新
updateCanvas();

ctx.fillStyle = "red"; // 设置填充颜色
ctx.fillRect(x, y, width, height); // 绘制矩形

ctx.font = "20px Arial"; // 设置字体样式
ctx.fillStyle = "blue"; // 设置填充颜色
ctx.fillText("Hello, World!", x, y); // 绘制文本

var img = new Image();
img.src = "image.jpg"; // 图片路径
img.onload = function() {
  ctx.drawImage(img, x, y); // 绘制图片
}