为何半径参数均为73的两个SVG路径实际显示的圆弧半径不一致

原因说明 #

这是符合几何规律和SVG规范的正常表现，核心原因如下：

1. 基础几何逻辑
   同样半径的圆，截取长度不同的弦得到的圆弧，视觉弯曲效果本来就有差异：

• 第一个圆弧的起点到终点弦长为140，几乎等于73半径对应的圆直径（146），相当于截取了接近半圆的一段弧，计算可得拱高仅为≈20.7，视觉上非常平缓
• 第二个圆弧的起点到终点弦长仅为79，相当于从同半径的圆上截取了一段很短的弧，计算可得拱高≈61.4，视觉上要陡峭很多，所以看起来和第一个弧的效果差异极大

2. SVG圆弧命令的匹配逻辑验证
   SVG的A圆弧命令存在自动缩放规则：当给定的半径不足以连接起点和终点时，浏览器会自动放大半径到刚好可以连接两点的最小值。但你的场景不存在这个问题：两点距离的一半分别为70、39.5，都小于你设置的半径73，所以两个圆弧确实都是半径为73的圆的一部分，没有被浏览器自动修改参数。

调整建议 #

如果需要两个圆弧的视觉弯曲程度接近，可以根据弦长比例对应调整第二个圆弧的半径，按弦长比例计算适配的半径值即可。

内容的提问来源于stack exchange，提问作者nth-chile