jquery.rotate.js是一款實現網頁圖片旋轉和縮放的jQuery插件，它提供了簡單易用的API函數，方便開發者對圖片進行各種效果的操作。
下面是一些常見的API函數：
$("img").rotate(30); //將所有img元素旋轉30度
$("img").rotate({angle:30,animateTo:60}); //將所有img元素從30度旋轉到60度動畫過渡
$("img").rotate({angle:30,center:["50%", "50%"]}); //將所有img元素以50%的左偏移量和50%的頂部偏移量為中心旋轉30度
$("img").rotate({angle:30,scale:0.5}); //將所有img元素旋轉30度并縮小0.5倍
$("img").rotate({angle:30,bgColor:"#FFFFFF"}); //將所有img元素旋轉30度并將背景顏色設置為白色以上API函數僅為jquery.rotate.js的一部分，如需更多API函數使用方法請參考官方文檔。
在使用jquery.rotate.js時，需要引入jQuery庫、jquery.rotate.js庫以及相關的CSS文件，代碼如下：
<head> <!-- 引入jQuery庫 --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <!-- 引入jquery.rotate.js庫 --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery-transform/0.9.3/jquery-transform.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jquery-rotate/2.3/jquery.rotate.min.js"></script> <!-- 引入相關CSS文件 --> <link rel="stylesheet" /> </head>
在引入庫文件和CSS文件之后，即可使用jquery.rotate.js提供的API函數對圖片進行旋轉和縮放操作。