如何在从CSS继承样式的同时设置从JavaScript的转换

Question

我想将JavaScript中的transform: translate(50px, 25px)（我想计算50＆amp; 25坐标）设置为元素<div id="foo">bar</div>并继承CSS #foo { transform: scale(.8) }。

我明确希望在CSS中定义比例。

我想知道是否有可能只覆盖JS中的一种类型的转换而不覆盖整个转换属性。 （例如：与边距一样;如果设置CSS边距：10px 20px 30px 40px;您可以直接访问margin-top并更改它而不影响其他3个边。）

Answer 1

您需要使用window.getComputedStyle从CSS文件中读取样式。阅读当前转换并应用新转换。

看看它是如何在那里工作的： http://jsfiddle.net/Lcjb5vLd/