在Javascript中使用p5.js在两个角度之间旋转图像

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>

function sketch() {
  let img; // 用于存储图像的变量
  let angle = 0; // 初始旋转角度

  // 加载图像
  p5.preload = function() {
    img = p5.loadImage('path/to/image.jpg');
  };

  // 设置画布
  p5.setup = function() {
    p5.createCanvas(800, 600);
  };

  // 绘制函数
  p5.draw = function() {
    p5.background(255); // 设置背景颜色

    // 将坐标原点移动到画布中心
    p5.translate(p5.width / 2, p5.height / 2);

    // 旋转图像
    p5.rotate(p5.radians(angle)); // 将角度转换为弧度
    angle += 1; // 每帧递增角度

    // 绘制图像
    p5.imageMode(p5.CENTER);
    p5.image(img, 0, 0, 200, 200); // 在原点处绘制图像

    // 可以添加其他的绘制操作
  };
}

// 创建 p5.js 实例
new p5(sketch);