将1个DIV转动的某1角度即90度/180度/270度及变大等

日期:2021-03-08 类型:科技新闻 

关键词:微擎小程序开发,微信小程序下载,如何在微信上做小程序,调查问卷微信小程序,微信抽签小程序

对前端开发是小白,但是有个gis系统软件的难题务必要依靠点前端开发技术性了,因此临时性抱佛脚,发现这个处理难题思路,尽管不彻底算前端开发难题,還是纪录下来,说不确定对谁有协助。

最先是90度,180度,270度的转动,编码以下:

拷贝编码
编码以下:

-webkit-transform: rotate(90deg);/*Safari 4+,Google Chrome 1+ */
-moz-transform: rotate(90deg);/*Firefox 3.5+*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/

上面2个都好了解 90度
下面IE滤镜 rotation 有4个值 0 1 2 3 ;0是不转动 1=90度 2=180度 3=270度

具体应用发现,你放在style中不好,<DIV   ID= "oDiv "   STYLE= "width:100%;filter:progid:DXImageTransform.Microsoft.BasicImage(   Rotation=1); ">

这样没实际效果,务必放在css申明中。如:

拷贝编码
编码以下:

#example {
transform: rotate(40deg);
-o-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);
}

其次呢,实际上你看到了,(40deg);也便是说除ie角度你随意写就可以了。而IE的角度随意角度就较为不便,要用ie引流矩阵滤镜,编码以下:

拷贝编码
编码以下:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398, M22=0.7660444431189779)";

你能够尝试1下,这个是大概40多度的角度。

尝试以后一瞬间感觉很强劲,可是也有个大坑,那便是M11--M22哪里来的?

历经学习培训,
M11=cos(roation),M12=-sin(roation),M21=sin(roation),M22=cos(roation) roation便是你的角度喽,但是遗憾的是立即这样写不好的,你务必自身算出数据,这里附赠1个算3角涵数的线上无网站地址:http://www.ab126.com/geometric/1689.html.

最终填补1下,DXImageTransform.Microsoft.Matrix可让你的div变大变小,要是将M11--M22变大或变小对应倍数就可以了,但是如今的宽屏看着有偏差啊。

上一篇:IE=edge,chrome=1的META信息内容详解 返回下一篇:没有了