You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何缩小SVG红色Path路径以完全覆盖灰色Circle圆形?

让SVG红色Path完全覆盖灰色圆形的方法

你的问题出在红色Path的圆弧半径没和灰色圆形对齐,改d参数的思路是对的,但没找对调整的位置。直接看具体操作:

  • 定位红色Path的d属性,里面的A35,35就是圆弧的半径(因为是正圆,横、纵向半径数值一致),当前35的数值比灰色圆的30大,所以会超出圆形范围。
  • 把35,35替换为30,30,修改后的d代码如下:
    d="M60,30 A30,30 0 1,1 0,30 A30,30 0 1,1 60,30 Z"
    
  • 完成修改后,红色Path就会完全贴合灰色圆形的边缘。

补充说明:SVG的圆弧命令A,前两个参数对应圆弧的横、纵向半径,若是正圆形,这两个参数必须相等,且与目标圆形的半径保持一致即可。

内容的提问来源于stack exchange,提问作者Kane Li

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 19:37:02