在CSS中，我們可以使用transform: scale()屬性來縮放元素的大小，而transform-origin屬性可以指定縮放的中心點(diǎn)，如果我們想要讓元素?zé)o論怎么縮放都不改變形狀，那么我們可以將transform-origin屬性設(shè)置為元素的中心位置，這樣無論怎么縮放，元素都會(huì)保持原來的形狀。

假設(shè)我們有一個(gè)HTML元素：

<div class="my-div">我是一個(gè)div元素</div>

我們可以使用以下CSS來保持它的形狀不變：

.my-div {
  position: relative;
  transform-origin: 50% 50%; /* 設(shè)置縮放中心為元素的中心 */
}

無論我們?nèi)绾慰s放這個(gè)元素，它都會(huì)保持原來的形狀，我們可以使用JavaScript來控制縮放：

var myDiv = document.querySelector('.my-div');
var scale = 1; // 縮放比例
var origin = [myDiv.offsetWidth / 2, myDiv.offsetHeight / 2]; // 計(jì)算中心點(diǎn)
function scaleElement() {
  myDiv.style.transform = 'scale(' + scale + ') translate(' + origin[0] + 'px, ' + origin[1] + 'px)';
}

這樣，我們就可以通過調(diào)用scaleElement()函數(shù)來控制元素的縮放了。