html中设置旋转图片

在 HTML 中，我们可以使用样式来设置图片的旋转效果。要实现旋转，我们需要使用 CSS3 中的 transform 属性以及它的 rotate() 函数。首先，我们需要将图片作为一个元素进行选择，如下所示：

img {
    transform: rotate(30deg);
}

上面的代码表示将图片旋转 30 度。其中，transform 是 CSS3 中的一个属性，它可以用来对元素进行变换，rotate() 是 transform 属性的函数之一，用于旋转元素。括号中的参数表示旋转的角度，可以是正值也可以是负值。

如果想要对图片进行不同的旋转效果，可以通过设置不同的旋转角度来实现。另外，也可以使用其他的 CSS3 变换属性，如 scale()（缩放）、skew()（倾斜）等。

预览效果如下图所示：

除了使用 CSS3 属性，我们还可以使用 JavaScript 实现旋转效果。其中，可以使用 canvas 绘图函数中的 rotate() 方法来实现。需要注意的是，这种方法需要在 canvas 中绘制图形，对于单个图片的旋转效果使用 CSS3 属性更加简单高效。