Javascript 拉斐尔文献流程图

我知道如何用拉斐尔（Raphael）画一个简单的矩形，我理解它所有参数的含义。例如，这些参数给出了一个宽度为201、高度为179的漂亮矩形

 M0,0 L0,179 L210,179 L210,0 L0,0Z

但我不想要一个简单的矩形，我想要一个文档流程图，它应该是这样的

从中我知道，在拉斐尔，我可以画曲线，例如使用以下参数：

M150,150 A100,70 0 0,0 250,220

但不幸的是，这本书没有解释这些参数的意义。我知道M是什么意思，但我不知道A是什么意思，也不知道下面所有的坐标

---

那么，如何确定初始矩形坐标以获得文档流程图呢？

这里缺少的部分是

初始矩形：

M0,0 L0,179 L210,179 L210,0 L0,0Z

…被理解为“转到0,0，然后画一条线到0179，然后画一条线到210179，然后画一条线到210,0，然后画一条线到0,0，然后返回开始。”（最后一部分，

Z

，有点多余，因为我们已经关闭了路径。）

您希望将第二条线（从0179到210179）替换为圆弧。我不是一个设计师，但我会随口吐痰，也许a会做到这一点：

M0,0 L0,179 Q53,159 105,179 T210,179 L210,0 L0,0Z

这意味着，从Q开始，“使用53159作为控制点，从起点[0179]到105179绘制一条二次贝塞尔曲线。然后使用最后一个控制点的反射，从105179到210179绘制另一条曲线。”我尚未测试此路径，因此您可能需要调整控制点以获得所需的曲线。（增加控制点与179之间的y距离将生成更剧烈的曲线；减小y距离将生成更柔和的曲线。）

---

这篇文章详细介绍了如何在拉斐尔使用路径。

谢谢您，先生！这真的很有帮助！