本文主要包含div角度,div旋转,css div旋转,js div旋转,html div旋转等相关知识,佚名 希望在学习及工作中可以帮助到您
对前端是小白,不过有个gis系统的问题必须要借助点前端技术了,所以临时抱佛脚,发现这个解决问题思路,虽然不完全算前端问题,还是记录下来,说不定对谁有帮助。
首先是90度,180度,270度的旋转,代码如下:
实际使用发现,你放在style中不行,<DIV ID= "oDiv " STYLE= "width:100%;filter:progid:DXImageTransform.Microsoft.BasicImage( Rotation=1); ">
这样没效果,必须放在css声明中。如:
尝试之后瞬间觉得很强大,但是还有个大坑,那就是M11--M22哪里来的?
经过学习,
M11=cos(roation),M12=-sin(roation),M21=sin(roation),M22=cos(roation) roation就是你的角度喽,不过遗憾的是直接这样写不行的,你必须自己算出数字,这里附赠一个算三角函数的在线无网址:http://www.ab126.com/geometric/1689.html.
最后补充一下,DXImageTransform.Microsoft.Matrix可以让你的div放大缩小,只要将M11--M22放大或缩小对应倍数就行了,不过现在的宽屏看着有误差啊。
</div>