如何缩小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
相关产品推荐
相关产品推荐

