很简单啊,设圆半径(圆心到环外侧)为R,两环之间水平距离为2d。以黑环的圆心为原点建立直角座标系,不需要完全精确的话,可以认为环的宽度w和环间距是一样的,直接当成2d处理,下排圆环也可以认为是下移了R。则五环圆心座标为(-2R-2d, 0)、(0, 0)、(2R+2d, 0)、(-R-d, -R)、(R+d, -R)
由于标准图的R和d的比例为12:1,即R=12d,带入上面可得圆心座标为(-26d, 0)、(0, 0)、(26d, 0)、(-13d, -12d)、(13d, -12d)
你一楼的图五条竖线方程分别为 x=-3R-2d=-38d、x=-R-d=-13d、x=0、x=R+d=13d、x=3R+2d=38d,两条横线方程为 y=R=12d、y=-2R=-24d
你只要确定d的值很就好弄了,
另外五环是相互嵌套,不是你那样下方两个覆盖在上方三个上面
如果要精确,可以看wiki上矢量图的源代码
https://upload.wikimedia.org/wikipedia/ ... t_rims.svg
代码: 全选
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" height="158" width="342">
<g stroke-width="9.5" stroke="#000" fill="none">
<circle cx="54" cy="54" r="49.25" stroke="#0885c2"/>
<circle cx="171" cy="54" r="49.25"/>
<circle cx="288" cy="54" r="49.25" stroke="#ed334e"/>
<circle cx="112.5" cy="104" r="49.25" stroke="#fbb132"/>
<circle cx="229.5" cy="104" r="49.25" stroke="#1c8b3c"/>
<path d="M93.4,24.45A49.25,49.25 0 0 1 93.4,83.55" stroke="#0885c2"/>
<path d="M210.4,24.45A49.25,49.25 0 0 1 210.4,83.55M171,103.25A49.25,49.25 0 0 1 141.45,93.4"/>
<path d="M288,103.25A49.25,49.25 0 0 1 258.45,93.4" stroke="#ed334e"/></g></svg>
根据这个座标算出来的,圆心到环外侧的距离R=49.25+9.5/2=54,两圆之间距离2d=171-54-49.25*2-9.5=9,环宽度w=9.5,和2d误差在6%
下排实际下移距离是104-54=50,和54误差在7%
R和d的比例为54:4.5=12:1