拉斐尔文献流程图

你缺少的部分是 SVG Path Spec .

初始矩形:

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

…被解读为“转到0,0,然后画一条线到0179,然后画一条线到210179,然后画一条线到210,0,然后画一条线到0,0,然后返回开始。”(最后一部分,第 Z

你想把0179到210179之间的第二条线换成一条弧。我不是设计师,但我想那可能是一条 Quadratic Bezier Curve 会成功的:

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

这意味着,从Q开始,“使用53159作为控制点,从起点[0179]到105179绘制一条二次Bezier曲线。然后使用最后一个控制点的反射,从105179到210179绘制另一条二次Bezier曲线。”我还没有测试这条路径,因此您可能需要调整控制点以获得您想要的曲线。(增加控制点和179之间的y距离将生成更剧烈的曲线;减小该距离将生成更柔和的曲线。)

这个 Raphael documentation 解释有关在拉斐尔中使用路径的更多信息。