我有以下 div
<div style="transform-origin: left top 0px; transform: translate3d(0px, -26px, 0px) scale(1);">
如您所见,transform
包含scale(1)
。更改 scale
值的最佳方法是什么?
感谢您的帮助。
最佳答案
当然,使用 javascript。有很多方法可以做到这一点,我会使用正则表达式来做到这一点。
function changeScale(newScale){
var div = document.getElementById('theID');
var curTrans = div.style.transform;
var newScaleString = 'scale(' + newScale + ')';
var regex = /scale\([0-9|\.]*\)/;
var newTrans = curTrans.replace(regex, newScaleString);
div.style.transform = newTrans;
}
或者用更少的行:
function changeScale(newScale){
var div = document.getElementById('theID');
div.style.transform = div.style.transform.replace(/scale\([0-9|\.]*\)/, 'scale(' + newScale + ')');
}
关于javascript - 在 CSS "scale"中更改 "transform"属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36996762/