重新加载绘制圆的值

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

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

function drawCircle(radius, x, y) {
  ctx.clearRect(0, 0, canvas.width, canvas.height); // 清空画布
  ctx.beginPath();
  ctx.arc(x, y, radius, 0, 2 * Math.PI); // 绘制圆形
  ctx.stroke();
}

// 调用函数绘制初始圆形
var initialRadius = 50;
var initialX = canvas.width / 2;
var initialY = canvas.height / 2;
drawCircle(initialRadius, initialX, initialY);

// 模拟重新加载绘制圆的值
function reloadCircle() {
  var newRadius = 80;
  var newX = canvas.width / 2 + 50;
  var newY = canvas.height / 2 - 50;
  drawCircle(newRadius, newX, newY);
}

// 调用函数重新加载绘制圆的值
reloadCircle();