js点击事件控制图片旋转

可以使用JavaScript来实现点击事件控制图片旋转。以下是一个简单的示例代码：

HTML代码：

<img id="myImage" src="image.jpg">
<button onclick="rotateImage()">旋转图片</button>

JavaScript代码：

function rotateImage() {
  var image = document.getElementById("myImage");
  var currentRotation = parseInt(image.style.transform.replace("rotate(", "").replace("deg)", ""));
  var newRotation = currentRotation + 90;
  image.style.transform = "rotate(" + newRotation + "deg)";
}

代码解释：

1. HTML代码中的<img>元素表示要旋转的图片，<button>元素表示触发旋转事件的按钮。

2. JavaScript代码中的rotateImage()函数表示点击按钮后要执行的操作。

3. 首先获取图片元素和当前的旋转角度。

4. 计算新的旋转角度（每次旋转90度）。

5. 将新的旋转角度应用到图片元素的transform属性中。

这样，每次点击按钮，图片就会顺时针旋转90度。