使用Vue绘制大圆内套小圆并且小圆均匀紧靠大圆边,注意小圆数量不固定，代码

使用 Vue 可以通过计算大圆的半径，然后按照等距离放置小圆，来实现大圆内套小圆的效果。具体代码如下：<template>
<div>
<div class="circle-container">
<Circle
v-for="(circle, index) in circles"
:radius="radius"
:angle="360 * (index / circles.length)"
/>
</div>
</div>
</template><script>
export default {
data() {
return {
circles: [1, 2, 3, 4, 5],
radius: 100
};
}
};
</script>