其實在js中也是一樣的，

• 首先是程式碼：
  Firefox下：
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);//chrome下用此行，因為chrome瀏覽器用的是webkit的核心
ie 下：
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

• 當然，以上程式碼只適合在只旋轉固定角度的時候使用，而當需要自己任意設定旋轉角度的時候，就需要自己編寫js程式碼了。而使用js程式碼控制圖片旋轉也可以有兩種方式：

  • 1、transform:rotate(30deg);

    也就是使用網上流行的JQueryRotate.js來實現（示例，其實網上示例很多，我只是選取了一個我認為講得還可以的），其本質就是使用canvas畫布來把圖片按照要求重新畫一遍。其實完全可以根據自己的需要自己編寫一個JQueryRotate.js來呼叫，這樣可擴充套件性也就大大增強了。

  • 2、第二種方式就是使用transform: matrix(a, b, c, d, e, f);來實現，這種方法雖然看似困難，也比第一種複雜；但是當開始熟練使用matrix這個東西之後，你就會發現，其實沒有那麼多圖片處理方法需要記了。有這一個就完全夠了。