如何使用SVG元素绘制90度弧？

Question

如何仅使用SVG元素绘制90度的圆弧？

例如,我希望svg元素为100 x 100px,弧线从顶点(50,0)开始为90度,弧形到右边的点(100,50).

Answer 1

<svg width="100" height="100">
  <path d="M 50,0 A 50,50 0 0 1 100,50" fill="none" stroke="black" stroke-width="2"/>
</svg>