如何从画布的中心缩放画布中的图像？

// 获取画布元素
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// 图像对象
var image = new Image();
image.src = "image.jpg";

// 图像加载完成后执行缩放操作
image.onload = function() {
  // 获取画布的宽度和高度
  var canvasWidth = canvas.width;
  var canvasHeight = canvas.height;

  // 计算缩放比例（这里假设缩放比例为0.5）
  var scaleRatio = 0.5;

  // 将画布的坐标系原点移动到中心点
  ctx.translate(canvasWidth/2, canvasHeight/2);

  // 缩放画布
  ctx.scale(scaleRatio, scaleRatio);

  // 将画布的坐标系原点移回原位
  ctx.translate(-canvasWidth/2, -canvasHeight/2);

  // 绘制图像
  ctx.drawImage(image, 0, 0);
};