所以我想知道如何计算translate从中心(css:)缩放的元素的CSS属性值transform-origin: 50% 50% 0。
这是我的HTML和CSS(FIDDLE:http : //jsfiddle.net/rPNyM/)
HTML:
<div id="holder">
<div id="dot"></div>
<div id="box"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
#holder {
position: absolute;
width: 500px;
height: 500px;
background: #226699;
}
#dot {
position: absolute;
left: 100px;
top: 100px;
width: 5px;
height: 5px;
background: #ff0000;
z-index: 20;
}
#box {
position: absolute;
left: 100px;
top: 100px;
width: 100px;
height: 100px;
background: #000;
transform: translate(-25px, -25px) scale(0.2,0.2);
transform-origin: 50% 50% 0;
-moz-transform: translate(-25px, -25px) scale(0.2,0.2);
-moz-transform-origin: 50% …Run Code Online (Sandbox Code Playgroud) 我有一个使用谷歌地图的反应模块,所以它要求谷歌在执行测试之前将javascript加载到DOM中.如何将这些外部库加载到jsdom中?