学习笔记之图片旋转

引入下方的jquery.rotate.js文件，然后通过$("选择器").rotate(角度);可以旋转任意角度，

例如$("#rotate-image").rotate(90);把这句放在$(document).ready(function(){ });中

就是将id为rotate-image的图片旋转90度。

不过，貌似在Chrome中总是不显示。原因：没法获取图片的长宽。

解决办法是，把$("#rotate-image").rotate(90);放在

$(window).load(function(){ });中，因为在Chrome中图片在执行$(document).ready(function(){ });中的语句时并没有加载完图片，坑爹啊。

另外可以更方便的通过调用$("选择器").rotateRight()和$("选择器").rotateLeft()来分别向右旋转90度和向左旋转90度。

rotate.js下载地址链接：https://pan.baidu.com/s/1eS8MAD8 密码：f9ys