使用jQueryRotate.js实现
测试结果:在Chrome浏览器下,效果正常,旋转后的img对象仍然是img对象;在IE8浏览器下,效果也正常,但旋转后的img对象变为其他对象。由于对象变化,如果在旋转后仍然按照原来的方法获取img对
测试结果:在Chrome浏览器下,效果正常,旋转后的img对象仍然是img对象;在IE8浏览器下,效果也正常,但旋转后的img对象变为其他对象。由于对象变化,如果在旋转后仍然按照原来的方法获取img对象,则会报JS错误。
使用Microsoft提供的Matrix对象
测试结果:在Chrome浏览器下,效果正常,但旋转后的img对象变为canvas对象;在IE8浏览器下,效果也正常,旋转后的img对象仍然是img对象。使用Matrix()参数较多,使用时需要进行一些复杂的计算。
使用Microsoft提供的BasicImage对象
测试结果:在Chrome浏览器下无法实现旋转功能;在IE8浏览器下,效果正常,旋转后的img对象仍然是img对象。BasicImage()仅需要一个参数即可实现旋转功能。
以上是使用JavaScript实现图片旋转的三种方法。如果只是想要获取旋转后的img对象,可以根据class来获取。这种方法适用于只进行图片旋转而不进行其他操作的情况。如果需要对图像进行放大、缩小等操作,那么使用Matrix对象会更复杂一些,需要进行一些计算。而使用BasicImage对象则只需要一个参数即可实现旋转功能。根据具体需求,选择合适的方法来实现图片旋转。