Trois façons d'obtenir une rotation d'image avec les compétences js_javascript

1 使用jQueryRotate.js实现

示例代码：

复制代码 代码如下:

测试结果：chrome下效果正常，旋转后img对象仍为img对象；ie8下效果正常，但旋转后img对象变为下面对象，由于对象变化，若旋转后仍按Il s'agit d'un img, d'un js, d'un image, d'un class.作，则可用此方法。若进行其它操作，如放大、缩小图像，则此

复制代码 代码如下 :

2 使用Microsoft提供的Matrix对象

示例代码：

复制代码 代码如下 :

测试结果：chrome下效果正常，但旋转后img对象变为canvas对象；ie8下效果正常，旋转后img对象Il s'agit d'un img.Matrix() est également utilisé.需较多计算。

3 使用Microsoft提供的BasicImage对象

示例代码:

复制代码 代码如下 :

Résultat : la rotation ne peut pas être effectuée sous Chrome ; l'effet est normal sous ie8, et l'objet img est toujours un objet img après la rotation. BasicImage() n'a qu'un seul paramètre.

En regardant les codes de ces trois méthodes, vous constaterez qu'il s'agit essentiellement d'une solution : en utilisant l'objet canvas sous chrome, et en utilisant VML ou Matrix() ou BasicImage() sous ie8. J'ai récemment rénové un composant : il s'agit de faire pivoter et d'agrandir les images Puisque jQueryRotate.js va générer un nouvel objet sous IE8, un traitement particulier est nécessaire lors de la sélection d'une image avant de l'agrandir. Finalement, il a été décidé de gérer Chrome et ie8 séparément. JQueryRotate a été utilisé pour l'implémenter sous Chrome, et BasicImage() a été utilisé sous ie8 pour garantir la simplicité et la lisibilité du code.