javascript – 在Chrome 37中使用.transform无法应用旋转(90度)

内容简介：这是一个相当普遍的问题,旧版本的Chrome和其他供应商也会发生类似的错误.通常的解决方案是,如同Hashem这是因为浏览器无法渲染某些东西,渲染元素正好旋转90度就是其中之一.有时他们需要一点帮助:)

<div class="one">One</div>
<div class="two">Two</div>
<span></span>

div {
    width: 100px;
    height: 100px
}

.one {
    background-color: red;
    transform: rotate(90deg);
}

.two {
    background-color: blue
}

var oneStyle = window.getComputedStyle(document.querySelector('.one'));
var oneTransform = oneStyle.transform;
document.querySelector('span').innerHTML = 'Tranform value is: ' + oneTransform;
var twoStyle = document.querySelector('.two').style;
twoStyle.transform = oneTransform;

以上所述就是小编给大家介绍的《javascript – 在Chrome 37中使用.transform无法应用旋转(90度)》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

关注我们，获取更多IT资讯^_^

查看所有标签

• leetcode - 189. 旋转数组
• 【Leetcode】61.旋转链表
• 圆环旋转加显隐的加载效果
• 通过优雅的方式强制旋转屏幕
• webgl滤镜--旋转的三原色
• css3实现椭圆轨迹旋转

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。