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

Question

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

E.g。我希望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>