我是SVG的新手，无法解决此问题：
我试图创建一个像太阳系一样围绕单轴旋转的点的系统。中心点是一个圆形div，借助CSS calc函数放置在视口的中心：
left: calc(50% - myDivWidth/2);
top: calc(50% - myDivHeight/2);
我使用“ cx”和“ cy”属性围绕此中心点放置了SVG圆，并且一切正常。
这是问题所在：当我调整窗口大小时，div会自动移动以保持在屏幕中心。但是我的SVG圆没有移动，因为坐标系统没有拉伸到新的视口尺寸。现在，如果我在调整大小后重新加载页面，一切都将再次正确放置。
我以为可以在调整大小时重新计算圆的坐标，但这不是很重吗？我所有的圈子都放置在高度和宽度均为100％的svg标签中。
希望你能帮我这个忙！谢谢 ！
如果您将viewBox属性添加到SVG，它将自动缩放以适合其父视口（<div class="univers">）。
<svg width="100%" height="100%" viewBox="-315 -315 630 630">
借助此viewBox，您可以将（0,0）用作环绕圆的原点。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句