我正在尝试制作一个圆角的三角形。三角形将如下所示：
左下角是唯一一个看起来相当容易制作的地方，主要是因为这是一个 90 度的“转弯”。该回合是使用 SVG 中的 Q 命令进行的，带有以下参数：
Q x,y + height, x, y + height - RADIUS 从我正在创建的弧的右侧开始。
但是，其他角是可变的，具体取决于三角形的大小。我可以使用atan() 函数计算它们的角度，但我不知道如何实现它们。我希望它遵循 RADIUS 变量（在本例中为 5）。
有什么想法吗？
【问题讨论】：
标签： javascript svg raphael
我假设您只需要边平行于基本轴的直角三角形，这会使事情变得容易一些。
正如你所说，直角很容易。
对于其他角度，您需要计算圆心。假设w 和h 是三角形的宽度和高度。假设x, y 是最右边节点的坐标。最右边三角形的中心是：x - r * h / w, y - r。您需要绘制的圆弧所覆盖的角度是π - α，其中α 是您使用atan 计算的角角度。
最上角的处理方式类似。
这应该让你开始。
【讨论】：
使用a 命令，我可以用某个rX 和rY 制作非常详细的角。我会这样调用函数：
a 5 5 0 0 1 0 5 5，它会做一个半径为 5 和dX = 5 和dY = 5 的圆。这是完美的。
半径在 90 度时是理想的，所以当我有一个 50 度角时，我只使用 (50 / 90) * RADIUS 作为值，它是完美的。
【讨论】：