JS动态修改transform：scale（x）属性
今天写项⽬的时候碰到⼀个修改div缩放的问题，因为并不是直接给定⼀个固定⼤⼩的缩放⽐例，所以总结⼀下怎么使⽤JS控制动态缩放。给定⼀个div：
<div id="box"></div>
<!-- 初始样式 -->
<style type="text/css">
*{padding: 0;margin: 0;list-style: none;}
#box{width: 200px;height: 200px;background: pink;}
</style>
<script type="text/javascript">
js控制滚动条var Scale = ElementById("box");
var lxl = 2;    //这⾥为了达到效果，给变量设定了⼀个默认值，⽽没有对变量进⾏操作。
ansform = "scale("+ lxl +")";    //scale()在这⾥要使⽤拼接的⽅式才能⽣效。
</script>
这样就可以使⽤JS来控制缩放属性了，我们可以对lxl这个变量进⾏操作，从⽽达到动态的⼀个效果。
此外可以使⽤ES6的模板字符串来实现：
<script>
let box = ElementById('box')
let ScaleNum = 2
ansform = `scale(${ScaleNum})`
</script>
同样能达到缩放的效果。
巴拉巴拉：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。