Javascript画布沿圆轴旋转图像

<canvas id="myCanvas" width="500" height="500"></canvas>

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

var image = new Image();
image.src = "image.jpg";
image.onload = function() {
  ctx.drawImage(image, 0, 0);
};

var angle = 45; // 旋转角度，单位为度
var centerX = canvas.width / 2; // 旋转中心点的x坐标
var centerY = canvas.height / 2; // 旋转中心点的y坐标

ctx.translate(centerX, centerY); // 将坐标原点移动到旋转中心点
ctx.rotate(angle * Math.PI / 180); // 旋转角度，需要将角度转换为弧度
ctx.drawImage(image, -image.width / 2, -image.height / 2); // 绘制旋转后的图像