SVG 半个圆

【问题标题】：SVG half of a circleSVG 半个圆
【发布时间】：2021-01-06 18:10:02
【问题描述】：

如何在 SVG 中将圆旋转 180 度，而不是使用 CSS？我的意思是只有 SVG 的顶部而不是底部。

<svg width="135" height="135">
    <path d="M10,80 a60,60 0 0,0 115,0" fill="#f7ad1a" />
</svg>

【问题讨论】：

标签： css svg

【解决方案1】：

a（弧）命令的第三个0（第五个参数）是“扫描标志”。将其从 0（逆时针）更改为 1（顺时针）。然后它会从起点到终点，绕着圆圈向另一个方向移动。

<svg width="135" height="135">
    <path d="M10,80 a60,60 0 0,1 115,0" fill="#f7ad1a" />
</svg>

【讨论】：