如何绘制 "quarter" 圆的形状矢量

Question

我一直在这个问题上兜兜转转。显然，我惯用的糊里糊涂的几何方法不起作用。

我只是想在 draw.io 中创建一个完美的 "quarter" 圆扇区。

我看完了https://desk.draw.io/support/solutions/articles/16000052874-how-to-create-and-edit-shapes-

但是很模糊

这是我最好的尝试，但它不对，边缘太硬：

   <shape name="Quarter Circle" h="49" w="49" aspect="variable" strokewidth="inherit">
  <connections>
    <constraint x="0.5" y="0" perimeter="0" name="N"/>
    <constraint x="0.5" y="1" perimeter="0" name="S"/>
  </connections>
  <background>
    <path>
      <move x="49" y="0"/>
      <line x="0" y="0"/>
      <line x="0" y="49"/>
      <arc rx="90" ry="90" x-axis-rotation="0" large-arc-flag="0" sweep-flag="0" x="49" y="0"/>
      <close/>
    </path>
  </background>
  <foreground>
    <fillstroke/>
  </foreground>
</shape>

我真的想要一个四分之一圆，如果你旋转其中的四个，你最终会得到一个完美的圆。

Answer 1

圆弧半径（rx 和 ry）必须与形状大小相匹配才能达到您的要求。只需将您的弧线替换为：

<arc rx="49" ry="49" x-axis-rotation="0" large-arc-flag="0" sweep-flag="0" x="49" y="0"/>

如何绘制 "quarter" 圆的形状矢量

How to draw a shape vector for "quarter" circle

vector

html5-canvas

draw.io