锐客网

  1. 首页 > it技术 > >

Javascript使div旋转倾斜 Matrix

IE的滤镜DXImageTransform.Microsoft.Matrix。它一共接受五个参数，前四个参数需要自行计算三角函数，然后分别写成M11 = cos(rotation),M12 = -sin(rotation),M21 = sin(rotation),M22 = cos(rotation)，其中的rotation表示旋转角度，如果顺时针旋转7.5度，则rotation就为7.5；第五个参数SizingMethod表示重绘方式，’auto expand’代表自动扩展到新的边界。
使用矩阵变形实现对象内容的改变尺寸、旋转、上下或左右反转。
使用此滤镜可以建立下列效果：
左右反转。将M11和M12的值取负。 上下反转。将M21和M22的值取负。 改变尺寸。将M11和M12和M21和M22的值乘以相同的因数。对象内容尺寸会按比例增大或缩小。 使用padding属性能够使最终图像边角被剪切的机会降到最小。
这段代码有二个DIV第一个DIV主要是控制要旋转的哪个DIV的
【Javascript使div旋转倾斜 Matrix】//这个DIV是要旋转DIV的父元素.父元素的TOP,LEFT是特别重要,可以修改这引属性发现问题,或者将这个属性移到旋转的元素上看效果;

< IMG width=70 height=70 src="http://www.smallrain.net/jsimg/images/pic.gif" />//假如这个图



    推荐阅读


    上一篇：鄄城置业小贴士（购房者享受怎么的“退房权”）

    下一篇：poi根据树型结构数据嵌套画Excel表格