我在網(wǎng)上找到了一些代碼來圍繞中心圓繪制圓圈。如何在不影響布局的情況下更改較小圓圈的半徑(目前所有圓圈都在移動并且不再以大圓圈為中心)。當我更改 css 文件中的半徑(寬度和高度)時會發(fā)生這種情況。改變大圓半徑也會導致整組圓向右或向左移動(盡管它們保持對稱)。這是我的代碼:var div = 360 / 6;var radius = 150;var parentdiv = document.getElementById('parentdiv');var offsetToParentCenter = parseInt(parentdiv.offsetWidth / 2); //assumes parent is squarevar offsetToChildCenter = 20;var totalOffset = offsetToParentCenter - offsetToChildCenter;for (var i = 1; i <= 6; ++i) { var childdiv = document.createElement('div'); childdiv.className = 'div2'; childdiv.style.position = 'absolute'; var y = Math.sin((div * i) * (Math.PI / 180)) * radius; var x = Math.cos((div * i) * (Math.PI / 180)) * radius; childdiv.style.top = (y + totalOffset).toString() + "px"; childdiv.style.left = (x + totalOffset).toString() + "px"; parentdiv.appendChild(childdiv);}#parentdiv { position: relative; width: 150px; height: 150px; background-color: red; border-radius: 150px; margin: 150px;}.div2 { position: absolute; width: 40px; height: 40px; background-color: red; border-radius: 100px;}<div id="parentdiv"></div>我也想將圓圈移動到屏幕的中心,但我不確定如何。我對 html/css/js 很陌生,任何幫助將不勝感激!
如何改變圓的半徑但保持模式?
守著一只汪
2021-08-20 18:41:09