(Javascript)如何从4个可能的变量中选择一个随机变量，并使用它们的值(x和y坐标)在画布上绘制图像？

// 定义4个可能的变量
var variable1 = {x: 100, y: 100};
var variable2 = {x: 200, y: 200};
var variable3 = {x: 300, y: 300};
var variable4 = {x: 400, y: 400};

// 生成0到3之间的随机整数
var randomIndex = Math.floor(Math.random() * 4);

// 根据随机数选择相应的变量
var selectedVariable;
switch (randomIndex) {
  case 0:
    selectedVariable = variable1;
    break;
  case 1:
    selectedVariable = variable2;
    break;
  case 2:
    selectedVariable = variable3;
    break;
  case 3:
    selectedVariable = variable4;
    break;
}

// 在画布上绘制图像
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(selectedVariable.x, selectedVariable.y, 50, 0, 2 * Math.PI);
ctx.fillStyle = "red";
ctx.fill();
ctx.closePath();