如何为“四分之一”圆绘制形状矢量

时间:2019-10-02 20:57:42

标签: vector html5-canvas draw.io

我一直在做这件事。显然,我通常的“迷糊式”几何方法不起作用。

我只是想在draw.io中创建一个完美的“四分之一”圆弧段。

我通读了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>

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

1 个答案:

答案 0 :(得分:1)

弧半径(rx和ry)必须匹配形状大小才能实现所需的形状。只需用以下内容替换弧线:

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