p5js图像不会旋转

p5.js是一个基于JavaScript的创意编程库，用于在网页上创建交互式的图形和动画。它提供了丰富的绘图功能和动画效果，包括图像处理和变换。

要实现图像旋转，可以使用p5.js中的rotate()函数。该函数可以将画布的坐标系旋转一定角度，从而使图像在画布上旋转。具体步骤如下：

1. 使用createCanvas()函数创建一个画布，并设置宽度和高度。
2. 使用loadImage()函数加载要旋转的图像文件。
3. 在draw()函数中，使用image()函数将图像绘制在画布上。
4. 使用translate()函数将坐标系的原点移动到图像的中心位置。
5. 使用rotate()函数旋转坐标系，传入旋转的角度（以弧度为单位）。
6. 使用imageMode()函数设置图像的对齐方式，可以选择CENTER、CORNER等。
7. 使用image()函数将图像绘制在画布上，传入图像对象和位置坐标。

以下是一个示例代码：

let img;

function preload() {
  img = loadImage('image.jpg');
}

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  
  // 将坐标系原点移动到图像中心
  translate(width/2, height/2);
  
  // 旋转坐标系
  rotate(frameCount * 0.01);
  
  // 设置图像对齐方式为中心
  imageMode(CENTER);
  
  // 绘制图像
  image(img, 0, 0, 200, 200);
}

在上述代码中，preload()函数用于预加载图像文件，setup()函数用于创建画布，draw()函数用于绘制图像。通过调整rotate()函数中的参数，可以控制图像的旋转速度和方向。

推荐的腾讯云相关产品：腾讯云对象存储（COS），它是一种高可用、高可靠、低成本的云端存储服务，适用于存储和处理各种类型的媒体文件。您可以通过以下链接了解更多信息：腾讯云对象存储（COS）。