JS实现图片旋转的三种方法 - 1 使用jQueryRotate.js实现 例如代码: 复制代码 代码如下: 测试结果:chrome下效果正常,旋转后img对象仍为img对象;ie8下效果正常,但旋转后img对象变为下面对象,由于对象变化,假设旋转后仍按原来方法获取img对象,那么会报js错误欲获取image对象,可根据class获取假如图像旋转后,不进展其它操作,那么可用此方法假设进展其它操作,如放大、缩小图像,那么此方法实现较复杂 复制代码 代码如下: 2 使用Microsoft提供的Matrix对象 例如代码: 复制代码 代码如下: = 0) { var rotation = Math.PI * p.angle / 180; } else { var rotation = Math.PI * (360+p.angle) / 180; } var costheta = Math.cos(rotation); var sintheta = Math.sin(rotation); if (document.all && !window.opera) { var canvas = document.createElement('img'); canvas.src = p.src; canvas.height = p.height; canvas.width = p.width; canvas.style.filter = \M12=\expand')\ } else { var canvas = document.createElement('canvas'); if (!p.oImage) { 第 2 页 共 2 页。