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" />//假如这个图



    推荐阅读