画布从底部中心图像角度旋转？

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.canvas {
  width: 300px;
  height: 300px;
  border: 1px solid black;
}

const canvas = document.querySelector('.canvas');
const ctx = canvas.getContext('2d');

const image = new Image();
image.src = 'your-image-url';
image.onload = () => {
  ctx.translate(canvas.width / 2, canvas.height / 2);
  ctx.rotate((Math.PI / 180) * 45); // 旋转45度
  ctx.drawImage(image, -image.width / 2, -image.height / 2);
};