我正在尝试使用 onclick 事件处理程序使带有 id 图像的 img 旋转,以使用我的函数中的代码,该函数通过 ID 抓取图像并分配一个变量名,然后使用该变量名进行旋转。我不太确定我的代码哪里出错了。
<section id="middle">
<img id="image" src="images/flower.png" >
<button onclick="myFunction()">Click me</button>
</section>
MyFunction(){
var img = document.getElementById("image");
img.rotate(20*Math.PI/180);
}
原文由 user2390516 发布,翻译遵循 CC BY-SA 4.0 许可协议
您可以使用 CSS 自行进行旋转:
在 html 上:
然后,在 javascript 上,只需添加类:
查看结果: http://jsbin.com/ibEmUFI/2/edit