我正在尝试让一个应用程序在 IE8 中运行,而我一直在试图让我的 CSS 转换在 IE 中正常运行。
我可以使用以下代码计算我的角度:
//LEGACY IE ROTATE
var deg2radians = Math.PI * 2 / 360,
rad = s.stone_rotation * deg2radians,
costheta = Math.cos(rad),
sintheta = Math.sin(rad),
matrixValues = 'M11=' + costheta + ', M12='+ (-sintheta) +', M21='+ sintheta +', M22='+ costheta;
然后我使用内联样式将 MS 过滤器设置为内联样式:
element.style.cssText = "filter:progid:DXImageTransform.Microsoft.Matrix(" + matrixValues + ")";
但是,IE 不保留原点,因此可以旋转,但项目的位置不正确。我一直在研究一些插件/库...例如 sylvester 和其他一些 jQuery 插件。但我宁愿自己做这个,因为我在没有任何库的情况下构建这一切。
我只需要一些数学帮助来正确设置原点。我有每个对象的顶部/左侧/宽度/高度的变量(顶部、左侧、imgW、imgH)。
当然,CSS3 方面的一切都可以正常工作,只需使用变换原点和旋转,矩阵并不是非常困难,但我不知道如何做参考点。
谢谢!