使用jQueryRotate.js實(shí)現(xiàn)
測(cè)試結(jié)果:在Chrome瀏覽器下,效果正常,旋轉(zhuǎn)后的img對(duì)象仍然是img對(duì)象;在IE8瀏覽器下,效果也正常,但旋轉(zhuǎn)后的img對(duì)象變?yōu)槠渌麑?duì)象。由于對(duì)象變化,如果在旋轉(zhuǎn)后仍然按照原來(lái)的方法獲取img對(duì)
測(cè)試結(jié)果:在Chrome瀏覽器下,效果正常,旋轉(zhuǎn)后的img對(duì)象仍然是img對(duì)象;在IE8瀏覽器下,效果也正常,但旋轉(zhuǎn)后的img對(duì)象變?yōu)槠渌麑?duì)象。由于對(duì)象變化,如果在旋轉(zhuǎn)后仍然按照原來(lái)的方法獲取img對(duì)象,則會(huì)報(bào)JS錯(cuò)誤。
使用Microsoft提供的Matrix對(duì)象
測(cè)試結(jié)果:在Chrome瀏覽器下,效果正常,但旋轉(zhuǎn)后的img對(duì)象變?yōu)閏anvas對(duì)象;在IE8瀏覽器下,效果也正常,旋轉(zhuǎn)后的img對(duì)象仍然是img對(duì)象。使用Matrix()參數(shù)較多,使用時(shí)需要進(jìn)行一些復(fù)雜的計(jì)算。
使用Microsoft提供的BasicImage對(duì)象
測(cè)試結(jié)果:在Chrome瀏覽器下無(wú)法實(shí)現(xiàn)旋轉(zhuǎn)功能;在IE8瀏覽器下,效果正常,旋轉(zhuǎn)后的img對(duì)象仍然是img對(duì)象。BasicImage()僅需要一個(gè)參數(shù)即可實(shí)現(xiàn)旋轉(zhuǎn)功能。
以上是使用JavaScript實(shí)現(xiàn)圖片旋轉(zhuǎn)的三種方法。如果只是想要獲取旋轉(zhuǎn)后的img對(duì)象,可以根據(jù)class來(lái)獲取。這種方法適用于只進(jìn)行圖片旋轉(zhuǎn)而不進(jìn)行其他操作的情況。如果需要對(duì)圖像進(jìn)行放大、縮小等操作,那么使用Matrix對(duì)象會(huì)更復(fù)雜一些,需要進(jìn)行一些計(jì)算。而使用BasicImage對(duì)象則只需要一個(gè)參數(shù)即可實(shí)現(xiàn)旋轉(zhuǎn)功能。根據(jù)具體需求,選擇合適的方法來(lái)實(shí)現(xiàn)圖片旋轉(zhuǎn)。