svg的path绘制整个圆弧，或者大圆弧(超过180度)，必须用两个a命令吗？

作者站长头像
站长
· 阅读数 6

如下所示绘制整圆弧的方法，能否只用一个a命令绘制一个整圆弧，或者大于180度的圆弧？

<svg width="100px" height="100px" viewBox="0 0 200 200">
    <path d="M 100 100 m -75 0 a 75 75 0 1 0 150 0 a 75 75 0 1 0 -150 0"
          fill="none" stroke="orange" stroke-width="10"/>
</svg>
回复
1个回答
avatar
test
2024-06-18

从数学的角度出发,结合使用a命令画一个整圆,那就是给定一个点(开始画图的点和终点相同),给定一个圆的半径,可以过这个点作无数的圆,那程序咋知道你要画哪个圆呢?🤣

画个超过180的圆弧,可以指定画优弧和顺/逆时针,这样就能画好了

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容