對(duì)前端是小白,不過有個(gè)gis系統(tǒng)的問題必須要借助點(diǎn)前端技術(shù)了,所以臨時(shí)抱佛腳,發(fā)現(xiàn)這個(gè)解決問題思路,雖然不完全算前端問題,還是記錄下來,說不定對(duì)誰有幫助。
首先是90度,180度,270度的旋轉(zhuǎn),代碼如下:
實(shí)際使用發(fā)現(xiàn),你放在style中不行,<DIV ID= "oDiv " STYLE= "width:100%;filter:progid:DXImageTransform.Microsoft.BasicImage( Rotation=1); ">
這樣沒效果,必須放在css聲明中。如:
嘗試之后瞬間覺得很強(qiáng)大,但是還有個(gè)大坑,那就是M11--M22哪里來的?
經(jīng)過學(xué)習(xí),
M11=cos(roation),M12=-sin(roation),M21=sin(roation),M22=cos(roation) roation就是你的角度嘍,不過遺憾的是直接這樣寫不行的,你必須自己算出數(shù)字,這里附贈(zèng)一個(gè)算三角函數(shù)的在線無網(wǎng)址:http://www.ab126.com/geometric/1689.html.
最后補(bǔ)充一下,DXImageTransform.Microsoft.Matrix可以讓你的div放大縮小,只要將M11--M22放大或縮小對(duì)應(yīng)倍數(shù)就行了,不過現(xiàn)在的寬屏看著有誤差啊。
新聞熱點(diǎn)
疑難解答
圖片精選